@soubiran/ui 0.10.0 → 0.10.1

package/dist/index.js

@@ -1,12 +1,25 @@
 import { prose } from "./wrapper-classes.js";
-import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, markRaw, mergeModels, mergeProps, nextTick, normalizeClass, onBeforeUnmount, onMounted, onScopeDispose, openBlock, provide, readonly, ref, renderList, renderSlot, resolveComponent, toDisplayString, toRef, toValue, unref, useModel, useTemplateRef, watch, withCtx, withModifiers } from "vue";
+import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, markRaw, mergeModels, mergeProps, nextTick, normalizeClass, onBeforeUnmount, onMounted, onScopeDispose, openBlock, provide, readonly, ref, renderList, renderSlot, toDisplayString, toRef, toValue, unref, useModel, useTemplateRef, watch, withCtx, withModifiers } from "vue";
 import { buildLocaleContext } from "@nuxt/ui/utils/locale";
+import UAlert from "@nuxt/ui/components/Alert.vue";
 import { defineQueryOptions, useMutation, useQuery, useQueryCache } from "@pinia/colada";
 import { AnimatePresence, Motion, motion, useReducedMotion } from "motion-v";
 import { tv } from "tailwind-variants";
 import { FetchError, ofetch } from "ofetch";
+import UAvatar from "@nuxt/ui/components/Avatar.vue";
+import UButton from "@nuxt/ui/components/Button.vue";
+import { useToast } from "@nuxt/ui/composables/useToast";
+import UFormField from "@nuxt/ui/components/FormField.vue";
+import UIcon from "@nuxt/ui/components/Icon.vue";
+import UTextarea from "@nuxt/ui/components/Textarea.vue";
 import { RadioGroupIndicator, RadioGroupItem, RadioGroupRoot, TabsContent, TabsList, TabsRoot, TabsTrigger } from "reka-ui";
+import UDropdownMenu from "@nuxt/ui/components/DropdownMenu.vue";
+import UModal from "@nuxt/ui/components/Modal.vue";
 import { createSharedComposable, useTimeAgoIntl } from "@vueuse/core";
+import UPopover from "@nuxt/ui/components/Popover.vue";
+import UCard from "@nuxt/ui/components/Card.vue";
+import UTooltip from "@nuxt/ui/components/Tooltip.vue";
+import USeparator from "@nuxt/ui/components/Separator.vue";
 import PartySocket from "partysocket";
 //#region src/composables/comments/context.ts
 const commentsContextInjectionKey = Symbol("soubiran-ui.comments-context");
@@ -525,8 +538,7 @@ const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 		}
 		const ui = computed(() => loginRequired());
 		return (_ctx, _cache) => {
-			const _component_UButton = resolveComponent("UButton");
-			return openBlock(), createElementBlock("div", { class: normalizeClass(ui.value.base({ class: [props.ui?.base, props.class] })) }, [createElementVNode("p", { class: normalizeClass(ui.value.prose({ class: props.ui?.prose })) }, toDisplayString(unref(t)("LoginRequired.text")), 3), createElementVNode("div", { class: normalizeClass(ui.value.actions({ class: props.ui?.actions })) }, [createVNode(_component_UButton, {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(ui.value.base({ class: [props.ui?.base, props.class] })) }, [createElementVNode("p", { class: normalizeClass(ui.value.prose({ class: props.ui?.prose })) }, toDisplayString(unref(t)("LoginRequired.text")), 3), createElementVNode("div", { class: normalizeClass(ui.value.actions({ class: props.ui?.actions })) }, [createVNode(UButton, {
 				color: "neutral",
 				variant: "solid",
 				label: unref(t)("LoginRequired.action"),
@@ -618,9 +630,6 @@ const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 		__expose({ focus });
 		const ui = computed(() => editor());
 		return (_ctx, _cache) => {
-			const _component_UTextarea = resolveComponent("UTextarea");
-			const _component_UIcon = resolveComponent("UIcon");
-			const _component_UFormField = resolveComponent("UFormField");
 			return openBlock(), createBlock(unref(TabsRoot), {
 				"default-value": "write",
 				class: normalizeClass(ui.value.root({ class: [props.ui?.root, props.class] })),
@@ -650,16 +659,16 @@ const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 						class: normalizeClass(ui.value.content({ class: props.ui?.content })),
 						tabindex: "-1"
 					}, {
-						default: withCtx(() => [createVNode(_component_UFormField, {
+						default: withCtx(() => [createVNode(UFormField, {
 							ui: { help: "flex items-center gap-1" },
 							error: props.error,
 							help: unref(t)("Editor.write.help")
 						}, {
-							help: withCtx(({ help }) => [createVNode(_component_UIcon, {
+							help: withCtx(({ help }) => [createVNode(UIcon, {
 								name: unref(info_duotone_default),
 								class: "inline-block size-4"
 							}, null, 8, ["name"]), createElementVNode("span", null, toDisplayString(help), 1)]),
-							default: withCtx(() => [createVNode(_component_UTextarea, mergeProps({
+							default: withCtx(() => [createVNode(UTextarea, mergeProps({
 								ref_key: "textarea",
 								ref: textarea,
 								modelValue: content.value,
@@ -808,18 +817,17 @@ const _sfc_main$32 = /* @__PURE__ */ defineComponent({
 		__expose({ focus });
 		const ui = computed(() => commentForm({ class: props.class }));
 		return (_ctx, _cache) => {
-			const _component_UButton = resolveComponent("UButton");
 			return openBlock(), createBlock(_sfc_main$33, {
 				class: normalizeClass(ui.value),
 				onSubmit
 			}, {
-				actions: withCtx(() => [props.cancelable ? (openBlock(), createBlock(_component_UButton, {
+				actions: withCtx(() => [props.cancelable ? (openBlock(), createBlock(UButton, {
 					key: 0,
 					variant: "link",
 					label: unref(t)("comments.CommentForm.actions.cancel"),
 					disabled: isLoading.value,
 					onClick: onCancel
-				}, null, 8, ["label", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_UButton, {
+				}, null, 8, ["label", "disabled"])) : createCommentVNode("v-if", true), createVNode(UButton, {
 					disabled: !formData.value.content,
 					loading: isLoading.value,
 					type: "submit",
@@ -861,8 +869,7 @@ const _sfc_main$31 = /* @__PURE__ */ defineComponent({
 		const { data: user } = useQuery(currentUserQuery);
 		const ui = computed(() => commentFormSection());
 		return (_ctx, _cache) => {
-			const _component_UAvatar = resolveComponent("UAvatar");
-			return openBlock(), createElementBlock("section", { class: normalizeClass(ui.value.base({ class: [props.ui?.base, props.class] })) }, [createElementVNode("div", { class: normalizeClass(ui.value.header({ class: props.ui?.header })) }, [unref(user) ? (openBlock(), createBlock(_component_UAvatar, {
+			return openBlock(), createElementBlock("section", { class: normalizeClass(ui.value.base({ class: [props.ui?.base, props.class] })) }, [createElementVNode("div", { class: normalizeClass(ui.value.header({ class: props.ui?.header })) }, [unref(user) ? (openBlock(), createBlock(UAvatar, {
 				key: 0,
 				src: unref(user).avatar,
 				title: unref(user).name
@@ -985,9 +992,7 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 		}
 		const ui = computed(() => confirmModal());
 		return (_ctx, _cache) => {
-			const _component_UButton = resolveComponent("UButton");
-			const _component_UModal = resolveComponent("UModal");
-			return openBlock(), createBlock(_component_UModal, {
+			return openBlock(), createBlock(UModal, {
 				title: __props.title,
 				description: __props.description,
 				ui: {
@@ -996,12 +1001,12 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 				},
 				class: normalizeClass(ui.value.base({ class: [props.ui?.base, props.class] }))
 			}, {
-				footer: withCtx(() => [createVNode(_component_UButton, {
+				footer: withCtx(() => [createVNode(UButton, {
 					label: props.cancelLabel ?? unref(t)("ConfirmModal.actions.cancel"),
 					variant: "ghost",
 					color: "neutral",
 					onClick: onClose
-				}, null, 8, ["label"]), createVNode(_component_UButton, {
+				}, null, 8, ["label"]), createVNode(UButton, {
 					label: props.confirmLabel ?? unref(t)("ConfirmModal.actions.confirm"),
 					variant: "solid",
 					color: "neutral",
@@ -1327,8 +1332,7 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 		}
 		const ui = computed(() => commentLike());
 		return (_ctx, _cache) => {
-			const _component_UButton = resolveComponent("UButton");
-			return openBlock(), createBlock(_component_UButton, {
+			return openBlock(), createBlock(UButton, {
 				variant: "link",
 				color: "neutral",
 				title: unref(t)(props.comment.can.unlike ? "comments.CommentUnlike.title" : "comments.CommentLike.title"),
@@ -1432,14 +1436,11 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
 		});
 		const ui = computed(() => comment({ isReply: !!props.parentComment }));
 		return (_ctx, _cache) => {
-			const _component_UAvatar = resolveComponent("UAvatar");
-			const _component_UButton = resolveComponent("UButton");
-			const _component_UDropdownMenu = resolveComponent("UDropdownMenu");
 			return openBlock(), createElementBlock("article", {
 				id: props.comment.html_id,
 				class: normalizeClass(ui.value.base({ class: [props.ui?.base, props.class] })),
 				style: { "--avatar-size": "1.875rem" }
-			}, [createElementVNode("div", { class: normalizeClass(ui.value.wrapper({ class: props.ui?.wrapper })) }, [createElementVNode("div", { class: normalizeClass(ui.value.header({ class: props.ui?.header })) }, [createVNode(_component_UAvatar, {
+			}, [createElementVNode("div", { class: normalizeClass(ui.value.wrapper({ class: props.ui?.wrapper })) }, [createElementVNode("div", { class: normalizeClass(ui.value.header({ class: props.ui?.header })) }, [createVNode(UAvatar, {
 				src: props.comment.user.avatar,
 				alt: props.comment.user.name,
 				size: props.parentComment ? "sm" : "md",
@@ -1449,12 +1450,12 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
 				"alt",
 				"size",
 				"class"
-			]), createVNode(_sfc_main$24, { comment: props.comment }, null, 8, ["comment"])], 2), showActions.value ? (openBlock(), createBlock(_component_UDropdownMenu, {
+			]), createVNode(_sfc_main$24, { comment: props.comment }, null, 8, ["comment"])], 2), showActions.value ? (openBlock(), createBlock(UDropdownMenu, {
 				key: 0,
 				items: actions.value,
 				content: { align: "end" }
 			}, {
-				default: withCtx(() => [createVNode(_component_UButton, {
+				default: withCtx(() => [createVNode(UButton, {
 					icon: "i-ph-dots-three-bold",
 					variant: "link",
 					"aria-label": unref(t)("comments.Comment.actionMenu")
@@ -1523,7 +1524,6 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
 		}
 		const ui = computed(() => discussionReply());
 		return (_ctx, _cache) => {
-			const _component_UButton = resolveComponent("UButton");
 			return isFormShown.value ? (openBlock(), createBlock(_sfc_main$32, {
 				key: 0,
 				ref_key: "form",
@@ -1532,7 +1532,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
 				"parent-comment": props.parentComment,
 				onSuccess,
 				onCancel: hideForm
-			}, null, 8, ["parent-comment"])) : (openBlock(), createBlock(_component_UButton, {
+			}, null, 8, ["parent-comment"])) : (openBlock(), createBlock(UButton, {
 				key: 1,
 				color: "neutral",
 				variant: "link",
@@ -1726,7 +1726,6 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
 		});
 		const ui = computed(() => discussionsSection());
 		return (_ctx, _cache) => {
-			const _component_UAlert = resolveComponent("UAlert");
 			return openBlock(), createElementBlock("section", _hoisted_1$12, [createElementVNode("div", { class: normalizeClass(ui.value.base({ class: [props.class, props.ui?.base] })) }, [
 				createElementVNode("div", { class: normalizeClass(ui.value.header({ class: props.ui?.header })) }, [createVNode(_sfc_main$14), createVNode(_sfc_main$16, { comments: unref(comments) ?? [] }, null, 8, ["comments"])], 2),
 				createVNode(unref(AnimatePresence), null, {
@@ -1749,7 +1748,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
 							opacity: 0
 						}
 					}, {
-						default: withCtx(() => [createVNode(_component_UAlert, {
+						default: withCtx(() => [createVNode(UAlert, {
 							title: unref(banner).message,
 							class: normalizeClass(ui.value.alert({ class: props.ui?.alert })),
 							color: unref(banner).kind === "error" ? "error" : "success",
@@ -1969,13 +1968,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 		});
 		const ui = computed(() => feedbackCard());
 		return (_ctx, _cache) => {
-			const _component_UIcon = resolveComponent("UIcon");
-			const _component_UTextarea = resolveComponent("UTextarea");
-			const _component_UFormField = resolveComponent("UFormField");
-			const _component_UTooltip = resolveComponent("UTooltip");
-			const _component_UButton = resolveComponent("UButton");
-			const _component_UCard = resolveComponent("UCard");
-			return openBlock(), createBlock(_component_UCard, {
+			return openBlock(), createBlock(UCard, {
 				class: normalizeClass(ui.value.base({ class: [props.ui?.base, props.class] })),
 				ui: {
 					body: "p-2 sm:p-2",
@@ -1999,7 +1992,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 							"id",
 							"value",
 							"class"
-						]), createVNode(_component_UTooltip, { text: unref(t)(item.title) }, {
+						]), createVNode(UTooltip, { text: unref(t)(item.title) }, {
 							default: withCtx(() => [createElementVNode("label", {
 								for: item.value,
 								class: normalizeClass(ui.value.radioGroupLabel({ class: props.ui?.radioGroupLabel }))
@@ -2008,7 +2001,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 						}, 1032, ["text"])]);
 					}), 64))]),
 					_: 1
-				}, 8, ["modelValue", "class"]), createVNode(_component_UButton, {
+				}, 8, ["modelValue", "class"]), createVNode(UButton, {
 					size: "sm",
 					label: unref(t)("FeedbackCard.action"),
 					loading: unref(isLoading),
@@ -2036,7 +2029,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 							}
 						}
 					}, {
-						default: withCtx(() => [createVNode(_component_UIcon, {
+						default: withCtx(() => [createVNode(UIcon, {
 							name: unref(check_circle_default),
 							class: normalizeClass(ui.value.successfullySentIcon({ class: props.ui?.successfullySentIcon }))
 						}, null, 8, ["name", "class"])]),
@@ -2078,7 +2071,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("FeedbackCard.success.thanks")), 1)]),
 						_: 1
 					})
-				], 2)], 64)) : createCommentVNode("v-if", true), createVNode(_component_UFormField, { error: formattedError.value }, {
+				], 2)], 64)) : createCommentVNode("v-if", true), createVNode(UFormField, { error: formattedError.value }, {
 					error: withCtx(({ error: formFieldError }) => [formFieldError ? (openBlock(), createBlock(unref(motion).div, {
 						key: 0,
 						initial: { height: 0 },
@@ -2088,7 +2081,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 						default: withCtx(() => [createTextVNode(toDisplayString(formFieldError), 1)]),
 						_: 2
 					}, 1024)) : createCommentVNode("v-if", true)]),
-					default: withCtx(() => [createVNode(_component_UTextarea, {
+					default: withCtx(() => [createVNode(UTextarea, {
 						modelValue: content.value,
 						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => content.value = $event),
 						placeholder: unref(t)("FeedbackCard.placeholder"),
@@ -2131,9 +2124,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 		}
 		const ui = computed(() => feedback());
 		return (_ctx, _cache) => {
-			const _component_UButton = resolveComponent("UButton");
-			const _component_UPopover = resolveComponent("UPopover");
-			return openBlock(), createBlock(_component_UPopover, { ui: { content: "ring-0 data-[state=open]:animate-[scale-up_100ms_ease-out]" } }, {
+			return openBlock(), createBlock(UPopover, { ui: { content: "ring-0 data-[state=open]:animate-[scale-up_100ms_ease-out]" } }, {
 				content: withCtx(() => [createVNode(_sfc_main$3, {
 					id: props.id,
 					rating: rating.value,
@@ -2146,7 +2137,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 					"rating",
 					"content"
 				])]),
-				default: withCtx(() => [createVNode(_component_UButton, {
+				default: withCtx(() => [createVNode(UButton, {
 					variant: "link",
 					color: "neutral",
 					label: unref(t)("Feedback.action"),
@@ -2270,17 +2261,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 		}
 		const ui = computed(() => header());
 		return (_ctx, _cache) => {
-			const _component_UButton = resolveComponent("UButton");
-			const _component_UTooltip = resolveComponent("UTooltip");
-			const _component_USeparator = resolveComponent("USeparator");
 			return openBlock(), createBlock(_sfc_main$1, { ui: { inner: "max-w-5xl" } }, {
 				default: withCtx(() => [createElementVNode("header", { class: normalizeClass(ui.value.base({ class: [props.ui?.base, props.class] })) }, [
 					(openBlock(true), createElementBlock(Fragment, null, renderList(props.links, (link) => {
-						return openBlock(), createBlock(_component_UTooltip, {
+						return openBlock(), createBlock(UTooltip, {
 							key: link.label,
 							text: link.label
 						}, {
-							default: withCtx(() => [createVNode(_component_UButton, {
+							default: withCtx(() => [createVNode(UButton, {
 								variant: "link",
 								color: "neutral",
 								to: link.to,
@@ -2304,12 +2292,12 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 							_: 2
 						}, 1032, ["text"]);
 					}), 128)),
-					createVNode(_component_USeparator, {
+					createVNode(USeparator, {
 						orientation: "vertical",
 						class: "h-5"
 					}),
-					createVNode(_component_UTooltip, { text: "LinkedIn" }, {
-						default: withCtx(() => [createVNode(_component_UButton, {
+					createVNode(UTooltip, { text: "LinkedIn" }, {
+						default: withCtx(() => [createVNode(UButton, {
 							href: "https://www.linkedin.com/in/esteban25/",
 							target: "_blank",
 							variant: "link",
@@ -2322,8 +2310,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 						}, null, 8, ["icon", "class"])]),
 						_: 1
 					}),
-					createVNode(_component_UTooltip, { text: "X" }, {
-						default: withCtx(() => [createVNode(_component_UButton, {
+					createVNode(UTooltip, { text: "X" }, {
+						default: withCtx(() => [createVNode(UButton, {
 							href: "https://x.com/soubiran_",
 							target: "_blank",
 							variant: "link",
@@ -2336,8 +2324,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 						}, null, 8, ["icon", "class"])]),
 						_: 1
 					}),
-					createVNode(_component_UTooltip, { text: "Twitch" }, {
-						default: withCtx(() => [createVNode(_component_UButton, {
+					createVNode(UTooltip, { text: "Twitch" }, {
+						default: withCtx(() => [createVNode(UButton, {
 							href: "https://www.twitch.tv/barbapapazes",
 							target: "_blank",
 							variant: "link",
@@ -2350,8 +2338,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 						}, null, 8, ["icon", "class"])]),
 						_: 1
 					}),
-					createVNode(_component_UTooltip, { text: "GitHub" }, {
-						default: withCtx(() => [createVNode(_component_UButton, {
+					createVNode(UTooltip, { text: "GitHub" }, {
+						default: withCtx(() => [createVNode(UButton, {
 							href: "https://github.com/barbapapazes",
 							target: "_blank",
 							variant: "link",
@@ -2364,8 +2352,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 						}, null, 8, ["icon", "class"])]),
 						_: 1
 					}),
-					createVNode(_component_UTooltip, { text: "Discord" }, {
-						default: withCtx(() => [createVNode(_component_UButton, {
+					createVNode(UTooltip, { text: "Discord" }, {
+						default: withCtx(() => [createVNode(UButton, {
 							href: "https://discord.gg/q2ghCGUuFR",
 							target: "_blank",
 							variant: "link",
@@ -2519,14 +2507,13 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const ui = computed(() => socials());
 		return (_ctx, _cache) => {
-			const _component_UIcon = resolveComponent("UIcon");
 			return openBlock(), createElementBlock("p", { class: normalizeClass(ui.value.base({ class: [props.ui?.base, props.class] })) }, [
 				createElementVNode("a", {
 					href: "https://www.linkedin.com/in/esteban25/",
 					rel: "noopener noreferrer",
 					target: "_blank",
 					class: normalizeClass(ui.value.link({ class: props.ui?.link }))
-				}, [createVNode(_component_UIcon, {
+				}, [createVNode(UIcon, {
 					name: unref(linkedin_default),
 					class: normalizeClass(ui.value.icon({ class: props.ui?.icon }))
 				}, null, 8, ["name", "class"]), _cache[0] || (_cache[0] = createElementVNode("span", null, "LinkedIn", -1))], 2),
@@ -2535,7 +2522,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 					rel: "noopener noreferrer",
 					target: "_blank",
 					class: normalizeClass(ui.value.link({ class: props.ui?.link }))
-				}, [createVNode(_component_UIcon, {
+				}, [createVNode(UIcon, {
 					name: unref(x_default),
 					class: normalizeClass(ui.value.icon({ class: props.ui?.icon }))
 				}, null, 8, ["name", "class"]), _cache[1] || (_cache[1] = createElementVNode("span", null, "X (Twitter)", -1))], 2),
@@ -2544,7 +2531,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 					rel: "noopener noreferrer",
 					target: "_blank",
 					class: normalizeClass(ui.value.link({ class: props.ui?.link }))
-				}, [createVNode(_component_UIcon, {
+				}, [createVNode(UIcon, {
 					name: unref(github_default),
 					class: normalizeClass(ui.value.icon({ class: props.ui?.icon }))
 				}, null, 8, ["name", "class"]), _cache[2] || (_cache[2] = createElementVNode("span", null, "GitHub", -1))], 2),
@@ -2553,7 +2540,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 					rel: "noopener noreferrer",
 					target: "_blank",
 					class: normalizeClass(ui.value.link({ class: props.ui?.link }))
-				}, [createVNode(_component_UIcon, {
+				}, [createVNode(UIcon, {
 					name: unref(twitch_default),
 					class: normalizeClass(ui.value.icon({ class: props.ui?.icon }))
 				}, null, 8, ["name", "class"]), _cache[3] || (_cache[3] = createElementVNode("span", null, "Twitch", -1))], 2),
@@ -2562,7 +2549,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 					target: "_blank",
 					rel: "noopener noreferrer",
 					class: normalizeClass(ui.value.link({ class: props.ui?.link }))
-				}, [createVNode(_component_UIcon, {
+				}, [createVNode(UIcon, {
 					name: unref(youtube_default),
 					class: normalizeClass(ui.value.icon({ class: props.ui?.icon }))
 				}, null, 8, ["name", "class"]), _cache[4] || (_cache[4] = createElementVNode("span", null, "YouTube", -1))], 2)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@soubiran/ui",
   "type": "module",
-  "version": "0.10.0",
+  "version": "0.10.1",
   "author": "Estéban Soubiran <esteban@soubiran.dev>",
   "license": "MIT",
   "funding": "https://github.com/sponsors/Barbapapazes",