@orvui/vue 0.0.0-stage → 0.1.1

package/dist/feedback-widget-WnodYTUe.js

@@ -0,0 +1,430 @@
+import { s as e } from "./composables-BJ1sih_H.js";
+import { r as t } from "./ease-rIvCM4O3.js";
+import { t as n } from "./utils-DIrLOK2M.js";
+import { a as r, t as i } from "./button-CDD333Yn.js";
+import { t as a } from "./dismiss-Db0RZCUY.js";
+import { t as o } from "./shared-DAEawhBJ.js";
+import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, isRef as g, normalizeClass as _, normalizeStyle as v, onBeforeUnmount as y, openBlock as b, ref as x, renderList as S, toDisplayString as C, unref as w, useId as T, vModelText as E, watch as D, withCtx as O, withDirectives as k } from "vue";
+import { AnimatePresence as A, motion as j } from "motion-v";
+import { AlertCircle as ee, MessageSquare as te, X as ne } from "lucide-vue-next";
+// src/blocks/feedback-widget/src/use-feedback.ts
+function re(t, n, r) {
+	let i = e(), o = x(), s = x(), l = T(), u = x("idle"), d = x(""), f = c(() => u.value !== "idle"), p = c(() => u.value === "sending"), m = c(() => t.position === "bottom-left"), h = c(() => m.value ? -40 : 40), g, _, v = !1;
+	function b() {
+		clearTimeout(g), u.value = "idle", d.value = "";
+	}
+	function S() {
+		clearTimeout(g), u.value = "open";
+	}
+	a(c(() => f.value && !p.value), o, b), D([u, i], () => {
+		clearTimeout(_), u.value === "open" && (_ = setTimeout(() => s.value?.focus(), i.value ? 0 : 400));
+	});
+	async function C() {
+		if (p.value || !d.value.trim()) return;
+		let e = { message: d.value };
+		u.value = "sending";
+		try {
+			if (await t.onSubmit?.(e), v) return;
+			u.value = "sent", n(e), clearTimeout(g), g = setTimeout(b, 1600);
+		} catch (e) {
+			if (v) return;
+			u.value = "error", r(e);
+		}
+	}
+	return y(() => {
+		v = !0, clearTimeout(g), clearTimeout(_);
+	}), {
+		reduce: i,
+		root: o,
+		textarea: s,
+		titleId: l,
+		status: u,
+		message: d,
+		open: f,
+		busy: p,
+		left: m,
+		offset: h,
+		start: S,
+		close: b,
+		submit: C
+	};
+}
+// src/blocks/feedback-widget/src/FeedbackWidget.vue?vue&type=script&setup=true&lang.ts
+var ie = { class: "flex flex-col items-center justify-center gap-1.5 rounded-[20px] bg-border/60 px-4 py-6 text-center" }, ae = { class: "relative mb-1 flex h-12 w-12 items-center justify-center" }, M = {
+	role: "alert",
+	class: "rounded-[20px] bg-border/60 px-4 py-5 text-center"
+}, N = { class: "mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-destructive/10 text-destructive" }, P = { class: "min-h-[150px] rounded-[20px] bg-border/60 px-4 py-3.5" }, F = { class: "flex items-start justify-between gap-3" }, I = ["id"], L = [
+	"aria-labelledby",
+	"placeholder",
+	"disabled"
+], R = { class: "flex items-center gap-2 px-1 pb-1 pt-2" }, z = /* @__PURE__ */ h({
+	__name: "FeedbackWidget",
+	props: {
+		position: { default: "bottom-right" },
+		title: { default: "Help us improve" },
+		placeholder: { default: "Share an idea or report a bug" },
+		icon: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array
+			],
+			default: void 0
+		},
+		onSubmit: {}
+	},
+	emits: ["success", "error"],
+	setup(e, { emit: a }) {
+		let h = e, y = a, { reduce: x, root: T, textarea: D, titleId: z, status: B, message: V, open: H, busy: U, left: W, offset: G, start: oe, close: K, submit: q } = re(h, (e) => y("success", e), (e) => y("error", e)), J = [
+			.34,
+			1.25,
+			.64,
+			1
+		], Y = [
+			.22,
+			1,
+			.36,
+			1
+		], se = c(() => x.value ? { duration: 0 } : {
+			layout: {
+				duration: H.value ? .4 : .28,
+				ease: H.value ? J : Y
+			},
+			borderRadius: {
+				duration: H.value ? .4 : .28,
+				ease: H.value ? J : Y
+			}
+		}), X = c(() => x.value ? { duration: 0 } : Object.fromEntries([
+			"opacity",
+			"x",
+			"scale",
+			"filter",
+			"rotate"
+		].map((e) => [e, {
+			duration: e === "opacity" || e === "filter" ? .22 : .4,
+			ease: Y
+		}]))), Z = c(() => x.value ? { opacity: 0 } : {
+			opacity: 0,
+			y: 8,
+			filter: "blur(4px)"
+		}), Q = c(() => x.value ? {
+			opacity: 1,
+			transition: {
+				duration: .18,
+				ease: t
+			}
+		} : {
+			opacity: 1,
+			y: 0,
+			filter: "blur(0px)",
+			transition: {
+				duration: .24,
+				ease: t
+			}
+		}), $ = c(() => x.value ? {
+			opacity: 0,
+			transition: {
+				duration: .14,
+				ease: t
+			}
+		} : {
+			opacity: 0,
+			y: -8,
+			filter: "blur(4px)",
+			transition: {
+				duration: .16,
+				ease: t
+			}
+		}), ce = Array.from({ length: 8 }, (e, t) => ({
+			x: 26 * Math.cos(t * Math.PI / 4),
+			y: 26 * Math.sin(t * Math.PI / 4),
+			color: t % 2 ? "var(--accent)" : "var(--color-success)"
+		}));
+		return (t, a) => (b(), d("div", {
+			ref_key: "root",
+			ref: T,
+			class: _(w(n)("pointer-events-none absolute bottom-4 z-30", w(W) ? "left-4" : "right-4"))
+		}, [m(w(j).div, {
+			layout: "",
+			animate: { borderRadius: w(H) ? 20 : 40 },
+			transition: se.value,
+			style: v({ transformOrigin: w(W) ? "bottom left" : "bottom right" }),
+			class: _(w(n)("pointer-events-auto absolute bottom-0 overflow-hidden border border-border bg-background text-foreground shadow-lg", w(H) ? "w-[min(86vw,320px)] p-2" : "h-12 w-12 p-0", w(W) ? "left-0" : "right-0"))
+		}, {
+			default: O(() => [m(w(A), {
+				initial: !1,
+				mode: "popLayout",
+				as: "div",
+				class: "contents"
+			}, {
+				default: O(() => [w(H) ? (b(), l(w(j).div, {
+					key: "panel",
+					role: "dialog",
+					"aria-label": e.title,
+					initial: w(x) ? { opacity: 0 } : {
+						opacity: 0,
+						x: w(G),
+						scale: .97,
+						filter: "blur(2px)"
+					},
+					animate: {
+						opacity: 1,
+						x: 0,
+						scale: 1,
+						filter: "blur(0px)"
+					},
+					exit: w(x) ? { opacity: 0 } : {
+						opacity: 0,
+						x: w(G),
+						scale: .97,
+						filter: "blur(2px)"
+					},
+					transition: X.value
+				}, {
+					default: O(() => [m(w(j).div, { layout: "position" }, {
+						default: O(() => [m(w(A), {
+							initial: !1,
+							mode: "popLayout",
+							as: "div",
+							class: "contents"
+						}, {
+							default: O(() => [w(B) === "sent" ? (b(), l(w(j).div, {
+								key: "sent",
+								initial: Z.value,
+								animate: Q.value,
+								exit: $.value
+							}, {
+								default: O(() => [f("div", ie, [
+									f("div", ae, [w(x) ? u("", !0) : (b(!0), d(s, { key: 0 }, S(w(ce), (e, t) => (b(), l(w(j).span, {
+										key: t,
+										initial: {
+											opacity: 0,
+											scale: .4,
+											x: 0,
+											y: 0
+										},
+										animate: {
+											opacity: [
+												0,
+												1,
+												0
+											],
+											scale: [
+												0,
+												1,
+												.4
+											],
+											x: e.x,
+											y: e.y
+										},
+										transition: {
+											duration: .6,
+											delay: .18 + t * .02,
+											ease: "easeOut"
+										},
+										style: v({ backgroundColor: e.color }),
+										class: "absolute h-1.5 w-1.5 rounded-full"
+									}, null, 8, [
+										"animate",
+										"transition",
+										"style"
+									]))), 128)), m(w(j).div, {
+										initial: { scale: +!!w(x) },
+										animate: { scale: 1 },
+										transition: {
+											type: "spring",
+											stiffness: 500,
+											damping: 22,
+											delay: .04
+										},
+										class: "flex h-12 w-12 items-center justify-center rounded-full bg-(--color-success)"
+									}, {
+										default: O(() => [m(w(j).svg, {
+											viewBox: "0 0 24 24",
+											fill: "none",
+											class: "h-5 w-5 text-white"
+										}, {
+											default: O(() => [m(w(j).path, {
+												d: "M5 12.5l4.5 4.5L19 7.5",
+												stroke: "currentColor",
+												"stroke-width": 2.5,
+												"stroke-linecap": "round",
+												"stroke-linejoin": "round",
+												initial: { pathLength: +!!w(x) },
+												animate: { pathLength: 1 },
+												transition: {
+													duration: .35,
+													ease: "easeOut",
+													delay: .15
+												}
+											}, null, 8, ["initial"])]),
+											_: 1
+										})]),
+										_: 1
+									}, 8, ["initial"])]),
+									a[2] ||= f("h3", { class: "text-sm font-semibold text-foreground" }, "Thanks!", -1),
+									a[3] ||= f("p", { class: "text-xs leading-relaxed text-muted-foreground" }, " Your feedback helps us build something better. ", -1)
+								])]),
+								_: 1
+							}, 8, [
+								"initial",
+								"animate",
+								"exit"
+							])) : w(B) === "error" ? (b(), l(w(j).div, {
+								key: "error",
+								initial: Z.value,
+								animate: Q.value,
+								exit: $.value
+							}, {
+								default: O(() => [f("div", M, [
+									f("div", N, [m(w(ee), { class: "h-5 w-5" })]),
+									a[5] ||= f("h3", { class: "mt-3 text-sm font-semibold text-foreground" }, " Something went wrong ", -1),
+									a[6] ||= f("p", { class: "mt-1 text-xs leading-relaxed text-muted-foreground" }, " We couldn't send your feedback. Please try again. ", -1),
+									m(w(r), {
+										size: "sm",
+										class: "mt-4",
+										onClick: w(q)
+									}, {
+										default: O(() => [...a[4] ||= [p("Try again", -1)]]),
+										_: 1
+									}, 8, ["onClick"])
+								])]),
+								_: 1
+							}, 8, [
+								"initial",
+								"animate",
+								"exit"
+							])) : (b(), l(w(j).div, {
+								key: "form",
+								initial: Z.value,
+								animate: Q.value,
+								exit: $.value
+							}, {
+								default: O(() => [f("div", P, [f("div", F, [f("h3", {
+									id: w(z),
+									class: "text-sm font-semibold text-foreground"
+								}, C(e.title), 9, I), f("button", {
+									type: "button",
+									"aria-label": "Close",
+									class: "flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-foreground/[0.07] text-muted-foreground transition-colors hover:text-foreground",
+									onClick: a[0] ||= (...e) => w(K) && w(K)(...e)
+								}, [m(w(ne), { class: "h-3 w-3" })])]), k(f("textarea", {
+									ref_key: "textarea",
+									ref: D,
+									"onUpdate:modelValue": a[1] ||= (e) => g(V) ? V.value = e : null,
+									"aria-labelledby": w(z),
+									placeholder: e.placeholder,
+									disabled: w(U),
+									rows: 3,
+									class: "mt-2 w-full resize-none bg-transparent text-base text-foreground outline-none placeholder:text-muted-foreground/70 md:text-sm"
+								}, null, 8, L), [[E, w(V)]])]), f("div", R, [m(w(r), {
+									variant: "secondary",
+									size: "md",
+									disabled: w(U),
+									class: "flex-1 bg-border text-muted-foreground hover:text-foreground",
+									onClick: w(K)
+								}, {
+									default: O(() => [...a[7] ||= [p("Cancel", -1)]]),
+									_: 1
+								}, 8, ["disabled", "onClick"]), m(w(i), {
+									state: w(U) ? "loading" : "idle",
+									"loading-text": "Sending",
+									size: "md",
+									disabled: w(U) || !w(V).trim(),
+									class: "flex-1 bg-foreground text-background hover:bg-foreground/90",
+									onClick: w(q)
+								}, {
+									default: O(() => [...a[8] ||= [p("Submit", -1)]]),
+									_: 1
+								}, 8, [
+									"state",
+									"disabled",
+									"onClick"
+								])])]),
+								_: 1
+							}, 8, [
+								"initial",
+								"animate",
+								"exit"
+							]))]),
+							_: 1
+						})]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, [
+					"aria-label",
+					"initial",
+					"exit",
+					"transition"
+				])) : (b(), l(w(j).button, {
+					key: "trigger",
+					type: "button",
+					initial: w(x) ? { opacity: 0 } : {
+						opacity: 0,
+						x: -w(G),
+						filter: "blur(2px)"
+					},
+					animate: {
+						opacity: 1,
+						x: 0,
+						filter: "blur(0px)"
+					},
+					exit: w(x) ? { opacity: 0 } : {
+						opacity: 0,
+						x: -w(G),
+						filter: "blur(2px)"
+					},
+					transition: X.value,
+					"aria-label": e.title,
+					"aria-haspopup": "dialog",
+					"while-press": w(x) ? void 0 : { scale: .92 },
+					class: _(w(n)("absolute bottom-0 flex h-12 w-12 items-center justify-center bg-transparent text-foreground", w(W) ? "left-0" : "right-0")),
+					onClick: w(oe)
+				}, {
+					default: O(() => [m(w(j).span, {
+						initial: !w(x) && {
+							rotate: 45,
+							scale: .97
+						},
+						animate: {
+							rotate: 0,
+							scale: 1
+						},
+						exit: {
+							rotate: 45,
+							scale: .97
+						},
+						transition: X.value,
+						class: "grid h-5 w-5 shrink-0 place-items-center [&>svg]:h-full [&>svg]:w-full"
+					}, {
+						default: O(() => [m(w(o), { node: e.icon ?? w(te) }, null, 8, ["node"])]),
+						_: 1
+					}, 8, ["initial", "transition"])]),
+					_: 1
+				}, 8, [
+					"initial",
+					"exit",
+					"transition",
+					"aria-label",
+					"while-press",
+					"class",
+					"onClick"
+				]))]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, [
+			"animate",
+			"transition",
+			"style",
+			"class"
+		])], 2));
+	}
+});
+export { z as t };
+
+//# sourceMappingURL=feedback-widget-WnodYTUe.js.map

package/dist/feedback-widget-WnodYTUe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback-widget-WnodYTUe.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createVNode","_normalizeStyle","_withCtx","_createBlock","_createElementVNode","_Fragment","_renderList","_createCommentVNode","Button","_createTextVNode","_toDisplayString","_withDirectives","_isRef","_vModelText","StatefulButton","_sfc_main","useReducedMotion","EASE_OUT","cn","Button_default","StatefulButton_default","useBlockDismiss","RenderNode","useFeedback","reduce","root","ref","textarea","titleId","useId","status","message","open","computed","busy","left","props","offset","closeTimer","focusTimer","disposed","close","start","watch","submit","data","success","error","failure","onBeforeUnmount","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","FeedbackWidget_default","defineComponent","__emit","__props","emit","enterEase","exitEase","surface","content","property","viewInitial","viewAnimate","viewExit","sprinkles","index","openBlock","createElementBlock","normalizeClass","unref","createVNode","motion","normalizeStyle","withCtx","AnimatePresence","createBlock","createElementVNode","createCommentVNode","Fragment","renderList","sprinkle","_cache","AlertCircle","createTextVNode","toDisplayString","args","X","withDirectives","isRef","$event","vModelText","MessageSquare"],"sources":["../src/blocks/feedback-widget/src/use-feedback.ts","../src/blocks/feedback-widget/src/FeedbackWidget.vue","../src/blocks/feedback-widget/src/FeedbackWidget.vue"],"sourcesContent":["import { computed, onBeforeUnmount, ref, useId, watch } from \"vue\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { useBlockDismiss } from \"../../dismiss\";\nexport function useFeedback(\n  props: {\n    position: \"bottom-right\" | \"bottom-left\";\n    onSubmit?: (data: { message: string }) => void | Promise<void>;\n  },\n  success: (data: { message: string }) => void,\n  failure: (error: unknown) => void,\n) {\n  const reduce = useReducedMotion(),\n    root = ref<HTMLDivElement>(),\n    textarea = ref<HTMLTextAreaElement>(),\n    titleId = useId();\n  const status = ref<\"idle\" | \"open\" | \"sending\" | \"sent\" | \"error\">(\"idle\"),\n    message = ref(\"\");\n  const open = computed(() => status.value !== \"idle\"),\n    busy = computed(() => status.value === \"sending\"),\n    left = computed(() => props.position === \"bottom-left\"),\n    offset = computed(() => (left.value ? -40 : 40));\n  let closeTimer: ReturnType<typeof setTimeout> | undefined,\n    focusTimer: ReturnType<typeof setTimeout> | undefined,\n    disposed = false;\n  function close() {\n    clearTimeout(closeTimer);\n    status.value = \"idle\";\n    message.value = \"\";\n  }\n  function start() {\n    clearTimeout(closeTimer);\n    status.value = \"open\";\n  }\n  useBlockDismiss(\n    computed(() => open.value && !busy.value),\n    root,\n    close,\n  );\n  watch([status, reduce], () => {\n    clearTimeout(focusTimer);\n    if (status.value === \"open\")\n      focusTimer = setTimeout(\n        () => textarea.value?.focus(),\n        reduce.value ? 0 : 400,\n      );\n  });\n  async function submit() {\n    if (busy.value || !message.value.trim()) return;\n    const data = { message: message.value };\n    status.value = \"sending\";\n    try {\n      await props.onSubmit?.(data);\n      if (disposed) return;\n      status.value = \"sent\";\n      success(data);\n      clearTimeout(closeTimer);\n      closeTimer = setTimeout(close, 1600);\n    } catch (error) {\n      if (disposed) return;\n      status.value = \"error\";\n      failure(error);\n    }\n  }\n  onBeforeUnmount(() => {\n    disposed = true;\n    clearTimeout(closeTimer);\n    clearTimeout(focusTimer);\n  });\n  return {\n    reduce,\n    root,\n    textarea,\n    titleId,\n    status,\n    message,\n    open,\n    busy,\n    left,\n    offset,\n    start,\n    close,\n    submit,\n  };\n}\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { AlertCircle, MessageSquare, X } from \"lucide-vue-next\";\nimport { Button, StatefulButton } from \"../../../motion/button\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { RenderNode, type Content } from \"../../shared\";\nimport { useFeedback } from \"./use-feedback\";\nexport interface FeedbackData {\n  message: string;\n}\nconst props = withDefaults(\n  defineProps<{\n    position?: \"bottom-right\" | \"bottom-left\";\n    title?: string;\n    placeholder?: string;\n    icon?: Content;\n    onSubmit?: (data: FeedbackData) => void | Promise<void>;\n  }>(),\n  {\n    icon: undefined,\n    position: \"bottom-right\",\n    title: \"Help us improve\",\n    placeholder: \"Share an idea or report a bug\",\n  },\n);\nconst emit = defineEmits<{\n  success: [data: FeedbackData];\n  error: [error: unknown];\n}>();\nconst {\n  reduce,\n  root,\n  textarea,\n  titleId,\n  status,\n  message,\n  open,\n  busy,\n  left,\n  offset,\n  start,\n  close,\n  submit,\n} = useFeedback(\n  props,\n  (data) => emit(\"success\", data),\n  (error) => emit(\"error\", error),\n);\nconst enterEase = [0.34, 1.25, 0.64, 1] as const,\n  exitEase = [0.22, 1, 0.36, 1] as const;\nconst surface = computed(() =>\n  reduce.value\n    ? { duration: 0 }\n    : {\n        layout: {\n          duration: open.value ? 0.4 : 0.28,\n          ease: open.value ? enterEase : exitEase,\n        },\n        borderRadius: {\n          duration: open.value ? 0.4 : 0.28,\n          ease: open.value ? enterEase : exitEase,\n        },\n      },\n);\nconst content = computed(() =>\n  reduce.value\n    ? { duration: 0 }\n    : Object.fromEntries(\n        [\"opacity\", \"x\", \"scale\", \"filter\", \"rotate\"].map((property) => [\n          property,\n          {\n            duration:\n              property === \"opacity\" || property === \"filter\" ? 0.22 : 0.4,\n            ease: exitEase,\n          },\n        ]),\n      ),\n);\nconst viewInitial = computed(() =>\n  reduce.value ? { opacity: 0 } : { opacity: 0, y: 8, filter: \"blur(4px)\" },\n);\nconst viewAnimate = computed(() =>\n  reduce.value\n    ? { opacity: 1, transition: { duration: 0.18, ease: EASE_OUT } }\n    : {\n        opacity: 1,\n        y: 0,\n        filter: \"blur(0px)\",\n        transition: { duration: 0.24, ease: EASE_OUT },\n      },\n);\nconst viewExit = computed(() =>\n  reduce.value\n    ? { opacity: 0, transition: { duration: 0.14, ease: EASE_OUT } }\n    : {\n        opacity: 0,\n        y: -8,\n        filter: \"blur(4px)\",\n        transition: { duration: 0.16, ease: EASE_OUT },\n      },\n);\nconst sprinkles = Array.from({ length: 8 }, (_, index) => ({\n  x: 26 * Math.cos((index * Math.PI) / 4),\n  y: 26 * Math.sin((index * Math.PI) / 4),\n  color: index % 2 ? \"var(--accent)\" : \"var(--color-success)\",\n}));\n</script>\n<template>\n  <div\n    ref=\"root\"\n    :class=\"\n      cn(\n        'pointer-events-none absolute bottom-4 z-30',\n        left ? 'left-4' : 'right-4',\n      )\n    \"\n  >\n    <motion.div\n      layout\n      :animate=\"{ borderRadius: open ? 20 : 40 }\"\n      :transition=\"surface\"\n      :style=\"{ transformOrigin: left ? 'bottom left' : 'bottom right' }\"\n      :class=\"\n        cn(\n          'pointer-events-auto absolute bottom-0 overflow-hidden border border-border bg-background text-foreground shadow-lg',\n          open ? 'w-[min(86vw,320px)] p-2' : 'h-12 w-12 p-0',\n          left ? 'left-0' : 'right-0',\n        )\n      \"\n      ><AnimatePresence\n        :initial=\"false\"\n        mode=\"popLayout\"\n        as=\"div\"\n        class=\"contents\"\n      >\n        <motion.div\n          v-if=\"open\"\n          key=\"panel\"\n          role=\"dialog\"\n          :aria-label=\"title\"\n          :initial=\"\n            reduce\n              ? { opacity: 0 }\n              : { opacity: 0, x: offset, scale: 0.97, filter: 'blur(2px)' }\n          \"\n          :animate=\"{ opacity: 1, x: 0, scale: 1, filter: 'blur(0px)' }\"\n          :exit=\"\n            reduce\n              ? { opacity: 0 }\n              : { opacity: 0, x: offset, scale: 0.97, filter: 'blur(2px)' }\n          \"\n          :transition=\"content\"\n          ><motion.div layout=\"position\"\n            ><AnimatePresence\n              :initial=\"false\"\n              mode=\"popLayout\"\n              as=\"div\"\n              class=\"contents\"\n            >\n              <motion.div\n                v-if=\"status === 'sent'\"\n                key=\"sent\"\n                :initial=\"viewInitial\"\n                :animate=\"viewAnimate\"\n                :exit=\"viewExit\"\n                ><div\n                  class=\"flex flex-col items-center justify-center gap-1.5 rounded-[20px] bg-border/60 px-4 py-6 text-center\"\n                >\n                  <div\n                    class=\"relative mb-1 flex h-12 w-12 items-center justify-center\"\n                  >\n                    <template v-if=\"!reduce\"\n                      ><motion.span\n                        v-for=\"(sprinkle, index) in sprinkles\"\n                        :key=\"index\"\n                        :initial=\"{ opacity: 0, scale: 0.4, x: 0, y: 0 }\"\n                        :animate=\"{\n                          opacity: [0, 1, 0],\n                          scale: [0, 1, 0.4],\n                          x: sprinkle.x,\n                          y: sprinkle.y,\n                        }\"\n                        :transition=\"{\n                          duration: 0.6,\n                          delay: 0.18 + index * 0.02,\n                          ease: 'easeOut',\n                        }\"\n                        :style=\"{ backgroundColor: sprinkle.color }\"\n                        class=\"absolute h-1.5 w-1.5 rounded-full\" /></template\n                    ><motion.div\n                      :initial=\"{ scale: reduce ? 1 : 0 }\"\n                      :animate=\"{ scale: 1 }\"\n                      :transition=\"{\n                        type: 'spring',\n                        stiffness: 500,\n                        damping: 22,\n                        delay: 0.04,\n                      }\"\n                      class=\"flex h-12 w-12 items-center justify-center rounded-full bg-(--color-success)\"\n                      ><motion.svg\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        class=\"h-5 w-5 text-white\"\n                        ><motion.path\n                          d=\"M5 12.5l4.5 4.5L19 7.5\"\n                          stroke=\"currentColor\"\n                          :stroke-width=\"2.5\"\n                          stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\"\n                          :initial=\"{ pathLength: reduce ? 1 : 0 }\"\n                          :animate=\"{ pathLength: 1 }\"\n                          :transition=\"{\n                            duration: 0.35,\n                            ease: 'easeOut',\n                            delay: 0.15,\n                          }\" /></motion.svg\n                    ></motion.div>\n                  </div>\n                  <h3 class=\"text-sm font-semibold text-foreground\">Thanks!</h3>\n                  <p class=\"text-xs leading-relaxed text-muted-foreground\">\n                    Your feedback helps us build something better.\n                  </p>\n                </div></motion.div\n              >\n              <motion.div\n                v-else-if=\"status === 'error'\"\n                key=\"error\"\n                :initial=\"viewInitial\"\n                :animate=\"viewAnimate\"\n                :exit=\"viewExit\"\n                ><div\n                  role=\"alert\"\n                  class=\"rounded-[20px] bg-border/60 px-4 py-5 text-center\"\n                >\n                  <div\n                    class=\"mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-destructive/10 text-destructive\"\n                  >\n                    <AlertCircle class=\"h-5 w-5\" />\n                  </div>\n                  <h3 class=\"mt-3 text-sm font-semibold text-foreground\">\n                    Something went wrong\n                  </h3>\n                  <p class=\"mt-1 text-xs leading-relaxed text-muted-foreground\">\n                    We couldn't send your feedback. Please try again.\n                  </p>\n                  <Button size=\"sm\" class=\"mt-4\" @click=\"submit\"\n                    >Try again</Button\n                  >\n                </div></motion.div\n              >\n              <motion.div\n                v-else\n                key=\"form\"\n                :initial=\"viewInitial\"\n                :animate=\"viewAnimate\"\n                :exit=\"viewExit\"\n                ><div\n                  class=\"min-h-[150px] rounded-[20px] bg-border/60 px-4 py-3.5\"\n                >\n                  <div class=\"flex items-start justify-between gap-3\">\n                    <h3\n                      :id=\"titleId\"\n                      class=\"text-sm font-semibold text-foreground\"\n                    >\n                      {{ title }}\n                    </h3>\n                    <button\n                      type=\"button\"\n                      aria-label=\"Close\"\n                      class=\"flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-foreground/[0.07] text-muted-foreground transition-colors hover:text-foreground\"\n                      @click=\"close\"\n                    >\n                      <X class=\"h-3 w-3\" />\n                    </button>\n                  </div>\n                  <textarea\n                    ref=\"textarea\"\n                    v-model=\"message\"\n                    :aria-labelledby=\"titleId\"\n                    :placeholder=\"placeholder\"\n                    :disabled=\"busy\"\n                    :rows=\"3\"\n                    class=\"mt-2 w-full resize-none bg-transparent text-base text-foreground outline-none placeholder:text-muted-foreground/70 md:text-sm\"\n                  />\n                </div>\n                <div class=\"flex items-center gap-2 px-1 pb-1 pt-2\">\n                  <Button\n                    variant=\"secondary\"\n                    size=\"md\"\n                    :disabled=\"busy\"\n                    class=\"flex-1 bg-border text-muted-foreground hover:text-foreground\"\n                    @click=\"close\"\n                    >Cancel</Button\n                  ><StatefulButton\n                    :state=\"busy ? 'loading' : 'idle'\"\n                    loading-text=\"Sending\"\n                    size=\"md\"\n                    :disabled=\"busy || !message.trim()\"\n                    class=\"flex-1 bg-foreground text-background hover:bg-foreground/90\"\n                    @click=\"submit\"\n                    >Submit</StatefulButton\n                  >\n                </div></motion.div\n              >\n            </AnimatePresence></motion.div\n          ></motion.div\n        >\n        <motion.button\n          v-else\n          key=\"trigger\"\n          type=\"button\"\n          :initial=\"\n            reduce\n              ? { opacity: 0 }\n              : { opacity: 0, x: -offset, filter: 'blur(2px)' }\n          \"\n          :animate=\"{ opacity: 1, x: 0, filter: 'blur(0px)' }\"\n          :exit=\"\n            reduce\n              ? { opacity: 0 }\n              : { opacity: 0, x: -offset, filter: 'blur(2px)' }\n          \"\n          :transition=\"content\"\n          :aria-label=\"title\"\n          aria-haspopup=\"dialog\"\n          :while-press=\"reduce ? undefined : { scale: 0.92 }\"\n          :class=\"\n            cn(\n              'absolute bottom-0 flex h-12 w-12 items-center justify-center bg-transparent text-foreground',\n              left ? 'left-0' : 'right-0',\n            )\n          \"\n          @click=\"start\"\n          ><motion.span\n            :initial=\"reduce ? false : { rotate: 45, scale: 0.97 }\"\n            :animate=\"{ rotate: 0, scale: 1 }\"\n            :exit=\"{ rotate: 45, scale: 0.97 }\"\n            :transition=\"content\"\n            class=\"grid h-5 w-5 shrink-0 place-items-center [&>svg]:h-full [&>svg]:w-full\"\n            ><RenderNode :node=\"icon ?? MessageSquare\" /></motion.span\n        ></motion.button> </AnimatePresence\n    ></motion.div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { AlertCircle, MessageSquare, X } from \"lucide-vue-next\";\nimport { Button, StatefulButton } from \"../../../motion/button\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { RenderNode, type Content } from \"../../shared\";\nimport { useFeedback } from \"./use-feedback\";\nexport interface FeedbackData {\n  message: string;\n}\nconst props = withDefaults(\n  defineProps<{\n    position?: \"bottom-right\" | \"bottom-left\";\n    title?: string;\n    placeholder?: string;\n    icon?: Content;\n    onSubmit?: (data: FeedbackData) => void | Promise<void>;\n  }>(),\n  {\n    icon: undefined,\n    position: \"bottom-right\",\n    title: \"Help us improve\",\n    placeholder: \"Share an idea or report a bug\",\n  },\n);\nconst emit = defineEmits<{\n  success: [data: FeedbackData];\n  error: [error: unknown];\n}>();\nconst {\n  reduce,\n  root,\n  textarea,\n  titleId,\n  status,\n  message,\n  open,\n  busy,\n  left,\n  offset,\n  start,\n  close,\n  submit,\n} = useFeedback(\n  props,\n  (data) => emit(\"success\", data),\n  (error) => emit(\"error\", error),\n);\nconst enterEase = [0.34, 1.25, 0.64, 1] as const,\n  exitEase = [0.22, 1, 0.36, 1] as const;\nconst surface = computed(() =>\n  reduce.value\n    ? { duration: 0 }\n    : {\n        layout: {\n          duration: open.value ? 0.4 : 0.28,\n          ease: open.value ? enterEase : exitEase,\n        },\n        borderRadius: {\n          duration: open.value ? 0.4 : 0.28,\n          ease: open.value ? enterEase : exitEase,\n        },\n      },\n);\nconst content = computed(() =>\n  reduce.value\n    ? { duration: 0 }\n    : Object.fromEntries(\n        [\"opacity\", \"x\", \"scale\", \"filter\", \"rotate\"].map((property) => [\n          property,\n          {\n            duration:\n              property === \"opacity\" || property === \"filter\" ? 0.22 : 0.4,\n            ease: exitEase,\n          },\n        ]),\n      ),\n);\nconst viewInitial = computed(() =>\n  reduce.value ? { opacity: 0 } : { opacity: 0, y: 8, filter: \"blur(4px)\" },\n);\nconst viewAnimate = computed(() =>\n  reduce.value\n    ? { opacity: 1, transition: { duration: 0.18, ease: EASE_OUT } }\n    : {\n        opacity: 1,\n        y: 0,\n        filter: \"blur(0px)\",\n        transition: { duration: 0.24, ease: EASE_OUT },\n      },\n);\nconst viewExit = computed(() =>\n  reduce.value\n    ? { opacity: 0, transition: { duration: 0.14, ease: EASE_OUT } }\n    : {\n        opacity: 0,\n        y: -8,\n        filter: \"blur(4px)\",\n        transition: { duration: 0.16, ease: EASE_OUT },\n      },\n);\nconst sprinkles = Array.from({ length: 8 }, (_, index) => ({\n  x: 26 * Math.cos((index * Math.PI) / 4),\n  y: 26 * Math.sin((index * Math.PI) / 4),\n  color: index % 2 ? \"var(--accent)\" : \"var(--color-success)\",\n}));\n</script>\n<template>\n  <div\n    ref=\"root\"\n    :class=\"\n      cn(\n        'pointer-events-none absolute bottom-4 z-30',\n        left ? 'left-4' : 'right-4',\n      )\n    \"\n  >\n    <motion.div\n      layout\n      :animate=\"{ borderRadius: open ? 20 : 40 }\"\n      :transition=\"surface\"\n      :style=\"{ transformOrigin: left ? 'bottom left' : 'bottom right' }\"\n      :class=\"\n        cn(\n          'pointer-events-auto absolute bottom-0 overflow-hidden border border-border bg-background text-foreground shadow-lg',\n          open ? 'w-[min(86vw,320px)] p-2' : 'h-12 w-12 p-0',\n          left ? 'left-0' : 'right-0',\n        )\n      \"\n      ><AnimatePresence\n        :initial=\"false\"\n        mode=\"popLayout\"\n        as=\"div\"\n        class=\"contents\"\n      >\n        <motion.div\n          v-if=\"open\"\n          key=\"panel\"\n          role=\"dialog\"\n          :aria-label=\"title\"\n          :initial=\"\n            reduce\n              ? { opacity: 0 }\n              : { opacity: 0, x: offset, scale: 0.97, filter: 'blur(2px)' }\n          \"\n          :animate=\"{ opacity: 1, x: 0, scale: 1, filter: 'blur(0px)' }\"\n          :exit=\"\n            reduce\n              ? { opacity: 0 }\n              : { opacity: 0, x: offset, scale: 0.97, filter: 'blur(2px)' }\n          \"\n          :transition=\"content\"\n          ><motion.div layout=\"position\"\n            ><AnimatePresence\n              :initial=\"false\"\n              mode=\"popLayout\"\n              as=\"div\"\n              class=\"contents\"\n            >\n              <motion.div\n                v-if=\"status === 'sent'\"\n                key=\"sent\"\n                :initial=\"viewInitial\"\n                :animate=\"viewAnimate\"\n                :exit=\"viewExit\"\n                ><div\n                  class=\"flex flex-col items-center justify-center gap-1.5 rounded-[20px] bg-border/60 px-4 py-6 text-center\"\n                >\n                  <div\n                    class=\"relative mb-1 flex h-12 w-12 items-center justify-center\"\n                  >\n                    <template v-if=\"!reduce\"\n                      ><motion.span\n                        v-for=\"(sprinkle, index) in sprinkles\"\n                        :key=\"index\"\n                        :initial=\"{ opacity: 0, scale: 0.4, x: 0, y: 0 }\"\n                        :animate=\"{\n                          opacity: [0, 1, 0],\n                          scale: [0, 1, 0.4],\n                          x: sprinkle.x,\n                          y: sprinkle.y,\n                        }\"\n                        :transition=\"{\n                          duration: 0.6,\n                          delay: 0.18 + index * 0.02,\n                          ease: 'easeOut',\n                        }\"\n                        :style=\"{ backgroundColor: sprinkle.color }\"\n                        class=\"absolute h-1.5 w-1.5 rounded-full\" /></template\n                    ><motion.div\n                      :initial=\"{ scale: reduce ? 1 : 0 }\"\n                      :animate=\"{ scale: 1 }\"\n                      :transition=\"{\n                        type: 'spring',\n                        stiffness: 500,\n                        damping: 22,\n                        delay: 0.04,\n                      }\"\n                      class=\"flex h-12 w-12 items-center justify-center rounded-full bg-(--color-success)\"\n                      ><motion.svg\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        class=\"h-5 w-5 text-white\"\n                        ><motion.path\n                          d=\"M5 12.5l4.5 4.5L19 7.5\"\n                          stroke=\"currentColor\"\n                          :stroke-width=\"2.5\"\n                          stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\"\n                          :initial=\"{ pathLength: reduce ? 1 : 0 }\"\n                          :animate=\"{ pathLength: 1 }\"\n                          :transition=\"{\n                            duration: 0.35,\n                            ease: 'easeOut',\n                            delay: 0.15,\n                          }\" /></motion.svg\n                    ></motion.div>\n                  </div>\n                  <h3 class=\"text-sm font-semibold text-foreground\">Thanks!</h3>\n                  <p class=\"text-xs leading-relaxed text-muted-foreground\">\n                    Your feedback helps us build something better.\n                  </p>\n                </div></motion.div\n              >\n              <motion.div\n                v-else-if=\"status === 'error'\"\n                key=\"error\"\n                :initial=\"viewInitial\"\n                :animate=\"viewAnimate\"\n                :exit=\"viewExit\"\n                ><div\n                  role=\"alert\"\n                  class=\"rounded-[20px] bg-border/60 px-4 py-5 text-center\"\n                >\n                  <div\n                    class=\"mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-destructive/10 text-destructive\"\n                  >\n                    <AlertCircle class=\"h-5 w-5\" />\n                  </div>\n                  <h3 class=\"mt-3 text-sm font-semibold text-foreground\">\n                    Something went wrong\n                  </h3>\n                  <p class=\"mt-1 text-xs leading-relaxed text-muted-foreground\">\n                    We couldn't send your feedback. Please try again.\n                  </p>\n                  <Button size=\"sm\" class=\"mt-4\" @click=\"submit\"\n                    >Try again</Button\n                  >\n                </div></motion.div\n              >\n              <motion.div\n                v-else\n                key=\"form\"\n                :initial=\"viewInitial\"\n                :animate=\"viewAnimate\"\n                :exit=\"viewExit\"\n                ><div\n                  class=\"min-h-[150px] rounded-[20px] bg-border/60 px-4 py-3.5\"\n                >\n                  <div class=\"flex items-start justify-between gap-3\">\n                    <h3\n                      :id=\"titleId\"\n                      class=\"text-sm font-semibold text-foreground\"\n                    >\n                      {{ title }}\n                    </h3>\n                    <button\n                      type=\"button\"\n                      aria-label=\"Close\"\n                      class=\"flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-foreground/[0.07] text-muted-foreground transition-colors hover:text-foreground\"\n                      @click=\"close\"\n                    >\n                      <X class=\"h-3 w-3\" />\n                    </button>\n                  </div>\n                  <textarea\n                    ref=\"textarea\"\n                    v-model=\"message\"\n                    :aria-labelledby=\"titleId\"\n                    :placeholder=\"placeholder\"\n                    :disabled=\"busy\"\n                    :rows=\"3\"\n                    class=\"mt-2 w-full resize-none bg-transparent text-base text-foreground outline-none placeholder:text-muted-foreground/70 md:text-sm\"\n                  />\n                </div>\n                <div class=\"flex items-center gap-2 px-1 pb-1 pt-2\">\n                  <Button\n                    variant=\"secondary\"\n                    size=\"md\"\n                    :disabled=\"busy\"\n                    class=\"flex-1 bg-border text-muted-foreground hover:text-foreground\"\n                    @click=\"close\"\n                    >Cancel</Button\n                  ><StatefulButton\n                    :state=\"busy ? 'loading' : 'idle'\"\n                    loading-text=\"Sending\"\n                    size=\"md\"\n                    :disabled=\"busy || !message.trim()\"\n                    class=\"flex-1 bg-foreground text-background hover:bg-foreground/90\"\n                    @click=\"submit\"\n                    >Submit</StatefulButton\n                  >\n                </div></motion.div\n              >\n            </AnimatePresence></motion.div\n          ></motion.div\n        >\n        <motion.button\n          v-else\n          key=\"trigger\"\n          type=\"button\"\n          :initial=\"\n            reduce\n              ? { opacity: 0 }\n              : { opacity: 0, x: -offset, filter: 'blur(2px)' }\n          \"\n          :animate=\"{ opacity: 1, x: 0, filter: 'blur(0px)' }\"\n          :exit=\"\n            reduce\n              ? { opacity: 0 }\n              : { opacity: 0, x: -offset, filter: 'blur(2px)' }\n          \"\n          :transition=\"content\"\n          :aria-label=\"title\"\n          aria-haspopup=\"dialog\"\n          :while-press=\"reduce ? undefined : { scale: 0.92 }\"\n          :class=\"\n            cn(\n              'absolute bottom-0 flex h-12 w-12 items-center justify-center bg-transparent text-foreground',\n              left ? 'left-0' : 'right-0',\n            )\n          \"\n          @click=\"start\"\n          ><motion.span\n            :initial=\"reduce ? false : { rotate: 45, scale: 0.97 }\"\n            :animate=\"{ rotate: 0, scale: 1 }\"\n            :exit=\"{ rotate: 45, scale: 0.97 }\"\n            :transition=\"content\"\n            class=\"grid h-5 w-5 shrink-0 place-items-center [&>svg]:h-full [&>svg]:w-full\"\n            ><RenderNode :node=\"icon ?? MessageSquare\" /></motion.span\n        ></motion.button> </AnimatePresence\n    ></motion.div>\n  </div>\n</template>\n"],"mappings":"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"}