@soubiran/ui 0.2.1 → 0.4.0

package/dist/index.js

@@ -15,13 +15,12 @@ import { RadioGroupIndicator, RadioGroupItem, RadioGroupRoot } from "reka-ui";
 import USeparator from "@nuxt/ui/components/Separator.vue";
 import { createSharedComposable } from "@vueuse/core";
 import PartySocket from "partysocket";
-
 //#region src/components/Container.vue
 const container = tv({ slots: {
 	base: "px-4 sm:px-6 lg:px-8",
 	inner: "w-full max-w-7xl mx-auto"
 } });
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
 	__name: "Container",
 	props: {
 		class: {},
@@ -35,8 +34,6 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Container_default = _sfc_main$10;
-
 //#endregion
 //#region ~icons/ph/thumbs-up
 const _hoisted_1$11 = {
@@ -54,7 +51,6 @@ var thumbs_up_default = markRaw({
 	name: "ph-thumbs-up",
 	render: render$7
 });
-
 //#endregion
 //#region src/composables/useUmami.ts
 function useUmami() {
@@ -67,7 +63,6 @@ function useUmami() {
 	}
 	return { track };
 }
-
 //#endregion
 //#region ~icons/ph/check-circle
 const _hoisted_1$10 = {
@@ -85,7 +80,6 @@ var check_circle_default = markRaw({
 	name: "ph-check-circle",
 	render: render$6
 });
-
 //#endregion
 //#region src/components/FeedbackCard.vue
 const _hoisted_1$9 = ["for"];
@@ -99,7 +93,7 @@ const feedbackCard = tv({ slots: {
 	radioGroupItem: "peer",
 	radioGroupLabel: "grayscale-100 hover:grayscale-0 peer-data-[state=checked]:grayscale-0"
 } });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 	__name: "FeedbackCard",
 	props: /* @__PURE__ */ mergeModels({
 		id: {},
@@ -138,11 +132,11 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 		const successfullySent = ref(false);
 		const { track } = useUmami();
 		const { mutate, isLoading, error } = useMutation({
-			mutation: ({ rating: rating$1, content: content$1 }) => ofetch(`/api/posts/${props.id}/feedback`, {
+			mutation: ({ rating, content }) => ofetch(`/api/posts/${props.id}/feedback`, {
 				method: "POST",
 				body: {
-					rating: rating$1,
-					content: content$1
+					rating,
+					content
 				},
 				baseURL: import.meta.env.VITE_API_BASE_URL
 			}),
@@ -294,12 +288,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var FeedbackCard_default = _sfc_main$9;
-
 //#endregion
 //#region src/components/Feedback.vue
 const feedback = tv({ slots: { base: "px-0 py-1 text-dimmed text-sm" } });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 	__name: "Feedback",
 	props: {
 		id: {},
@@ -321,7 +313,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 		const ui = computed(() => feedback());
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(UPopover, { ui: { content: "ring-0 data-[state=open]:animate-[scale-up_100ms_ease-out]" } }, {
-				content: withCtx(() => [createVNode(FeedbackCard_default, {
+				content: withCtx(() => [createVNode(_sfc_main$2, {
 					id: props.id,
 					rating: rating.value,
 					"onUpdate:rating": _cache[0] || (_cache[0] = ($event) => rating.value = $event),
@@ -347,8 +339,6 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Feedback_default = _sfc_main$8;
-
 //#endregion
 //#region ~icons/simple-icons/discord
 const _hoisted_1$8 = {
@@ -366,7 +356,6 @@ var discord_default = markRaw({
 	name: "simple-icons-discord",
 	render: render$5
 });
-
 //#endregion
 //#region ~icons/simple-icons/github
 const _hoisted_1$7 = {
@@ -384,7 +373,6 @@ var github_default = markRaw({
 	name: "simple-icons-github",
 	render: render$4
 });
-
 //#endregion
 //#region ~icons/simple-icons/linkedin
 const _hoisted_1$6 = {
@@ -402,7 +390,6 @@ var linkedin_default = markRaw({
 	name: "simple-icons-linkedin",
 	render: render$3
 });
-
 //#endregion
 //#region ~icons/simple-icons/twitch
 const _hoisted_1$5 = {
@@ -420,7 +407,6 @@ var twitch_default = markRaw({
 	name: "simple-icons-twitch",
 	render: render$2
 });
-
 //#endregion
 //#region ~icons/simple-icons/x
 const _hoisted_1$4 = {
@@ -438,14 +424,13 @@ var x_default = markRaw({
 	name: "simple-icons-x",
 	render: render$1
 });
-
 //#endregion
 //#region src/components/Header.vue
 const header = tv({ slots: {
 	base: "h-(--ui-header-height) flex flex-row gap-4 items-center justify-end",
 	link: "p-0 text-dimmed"
 } });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 	__name: "Header",
 	props: {
 		links: {},
@@ -460,7 +445,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 		}
 		const ui = computed(() => header());
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(Container_default, { ui: { inner: "max-w-5xl" } }, {
+			return openBlock(), createBlock(_sfc_main, { 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(UTooltip, {
@@ -565,8 +550,6 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Header_default = _sfc_main$7;
-
 //#endregion
 //#region src/components/Page.vue
 const page = tv({ slots: {
@@ -578,7 +561,7 @@ const page = tv({ slots: {
 	right: "hidden xl:block xl:col-start-3 xl:pl-8 xl:h-full",
 	rightInner: "sticky top-4"
 } });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 	__name: "Page",
 	props: {
 		class: {},
@@ -588,19 +571,17 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const ui = computed(() => page());
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(ui.value.base({ class: [props.ui?.base, props.class] })) }, [createVNode(Container_default, null, {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(ui.value.base({ class: [props.ui?.base, props.class] })) }, [createVNode(_sfc_main, null, {
 				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(ui.value.header({ class: props.ui?.header })) }, [createElementVNode("div", { class: normalizeClass(ui.value.headerInner({ class: props.ui?.headerInner })) }, [renderSlot(_ctx.$slots, "header")], 2)], 2), createElementVNode("div", { class: normalizeClass(ui.value.content({ class: props.ui?.content })) }, [createElementVNode("div", { class: normalizeClass(ui.value.contentInner({ class: props.ui?.contentInner })) }, [renderSlot(_ctx.$slots, "default")], 2), createElementVNode("div", { class: normalizeClass(ui.value.right({ class: props.ui?.right })) }, [createElementVNode("div", { class: normalizeClass(ui.value.rightInner({ class: props.ui?.rightInner })) }, [renderSlot(_ctx.$slots, "right")], 2)], 2)], 2)]),
 				_: 3
 			}), renderSlot(_ctx.$slots, "bottom")], 2);
 		};
 	}
 });
-var Page_default = _sfc_main$6;
-
 //#endregion
 //#region src/components/PageTitle.vue
 const pageTitle = tv({ slots: { base: "text-xl font-bold text-highlighted" } });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 	__name: "PageTitle",
 	props: {
 		title: {},
@@ -615,12 +596,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PageTitle_default = _sfc_main$5;
-
 //#endregion
 //#region src/components/PageHeader.vue
 const pageHeader = tv({ slots: { base: "" } });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 	__name: "PageHeader",
 	props: {
 		title: {},
@@ -631,12 +610,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const ui = computed(() => pageHeader());
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(ui.value.base({ class: [props.ui?.base, props.class] })) }, [createVNode(PageTitle_default, { title: props.title }, null, 8, ["title"]), renderSlot(_ctx.$slots, "after")], 2);
+			return openBlock(), createElementBlock("div", { class: normalizeClass(ui.value.base({ class: [props.ui?.base, props.class] })) }, [createVNode(_sfc_main$6, { title: props.title }, null, 8, ["title"]), renderSlot(_ctx.$slots, "after")], 2);
 		};
 	}
 });
-var PageHeader_default = _sfc_main$4;
-
 //#endregion
 //#region ~icons/simple-icons/youtube
 const _hoisted_1$3 = {
@@ -654,7 +631,6 @@ var youtube_default = markRaw({
 	name: "simple-icons-youtube",
 	render
 });
-
 //#endregion
 //#region src/components/Socials.vue
 const socials = tv({ slots: {
@@ -662,7 +638,7 @@ const socials = tv({ slots: {
 	link: "flex items-center gap-1",
 	icon: "size-4"
 } });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 	__name: "Socials",
 	props: {
 		class: {},
@@ -722,8 +698,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Socials_default = _sfc_main$3;
-
 //#endregion
 //#region src/components/Sponsors.vue
 const _hoisted_1$2 = {
@@ -734,7 +708,7 @@ const sponsors = tv({ slots: {
 	base: "not-prose",
 	img: "border-0"
 } });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 	__name: "Sponsors",
 	props: {
 		class: {},
@@ -752,8 +726,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Sponsors_default = _sfc_main$2;
-
 //#endregion
 //#region src/composables/useTableOfContents.ts
 function _useTableOfContents() {
@@ -771,7 +743,6 @@ function _useTableOfContents() {
 	};
 }
 var useTableOfContents_default = createSharedComposable(_useTableOfContents);
-
 //#endregion
 //#region src/components/TableOfContents.vue
 const _hoisted_1$1 = [
@@ -785,7 +756,7 @@ const tableOfContents = tv({ slots: {
 	list: "font-sofia",
 	link: "flex gap-1 px-0 py-1 text-dimmed hover:text-default active:text-default transition-colors focus:outline-none focus-visible:ring-inset focus-visible:ring-2 focus-visible:ring-inverted data-active:text-default rounded-md"
 } });
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 	__name: "TableOfContents",
 	props: {
 		toc: {},
@@ -819,8 +790,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var TableOfContents_default = _sfc_main$1;
-
 //#endregion
 //#region src/components/ViewersCounter.vue
 const _hoisted_1 = ["title"];
@@ -828,7 +797,7 @@ const viewersCounter = tv({ slots: {
 	base: "flex items-center justify-center gap-[0.375rem] border border-green-400 rounded-full px-[0.375rem] py-[0.125rem] text-xs text-muted font-light leading-3 dark:border-green-700",
 	dot: "inline-block h-[0.375rem] w-[0.375rem] animate-[pulse_4s_cubic-bezier(0.4,_0,_0.6,_1)_infinite] rounded-full bg-green-400 ring ring-2 ring-green-200 dark:bg-green-700 dark:ring-green-500"
 } });
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
 	__name: "ViewersCounter",
 	props: {
 		class: {},
@@ -870,7 +839,5 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ViewersCounter_default = _sfc_main;
-
 //#endregion
-export { Container_default as Container, Feedback_default as Feedback, FeedbackCard_default as FeedbackCard, Header_default as Header, Page_default as Page, PageHeader_default as PageHeader, PageTitle_default as PageTitle, Socials_default as Socials, Sponsors_default as Sponsors, TableOfContents_default as TableOfContents, ViewersCounter_default as ViewersCounter, useTableOfContents_default as useTableOfContents, useUmami };
+export { _sfc_main as Container, _sfc_main$1 as Feedback, _sfc_main$2 as FeedbackCard, _sfc_main$3 as Header, _sfc_main$4 as Page, _sfc_main$5 as PageHeader, _sfc_main$6 as PageTitle, _sfc_main$7 as Socials, _sfc_main$8 as Sponsors, _sfc_main$9 as TableOfContents, _sfc_main$10 as ViewersCounter, useTableOfContents_default as useTableOfContents, useUmami };