@orvui/vue 0.0.0-stage → 0.1.0

package/dist/loading-states-C6-sLyVo.js

@@ -0,0 +1,279 @@
+import { s as e } from "./composables-BJ1sih_H.js";
+import { n as t, r as n, u as r } from "./ease-rIvCM4O3.js";
+import { t as i } from "./utils-DIrLOK2M.js";
+import { i as a, r as o } from "./text-animation-BVFTj50V.js";
+import { t as s } from "./loader-CktgL9IB.js";
+import { t as c } from "./shared-DAEawhBJ.js";
+import { Fragment as l, computed as u, createBlock as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, guardReactiveProps as _, normalizeClass as v, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as x, onMounted as S, openBlock as C, ref as w, renderList as T, renderSlot as E, toDisplayString as D, unref as O, useId as k, watch as A, withCtx as j } from "vue";
+import { AnimatePresence as M, motion as N } from "motion-v";
+// src/agents/loading-states/src/CascadePhrase.vue
+var P = /* @__PURE__ */ g({
+	__name: "CascadePhrase",
+	props: {
+		phrase: {},
+		duration: {}
+	},
+	setup(e) {
+		let t = e, i = u(() => Array.from(`${t.phrase}…`)), a = {
+			enter: {
+				opacity: 0,
+				y: "100%"
+			},
+			shown: (e) => ({
+				opacity: 1,
+				y: "0%",
+				transition: {
+					...r,
+					delay: Number(e) * .025
+				}
+			}),
+			leave: (e) => ({
+				opacity: 0,
+				y: "-100%",
+				transition: {
+					duration: .14,
+					ease: n,
+					delay: Number(e) * .01125
+				}
+			})
+		};
+		return (t, n) => (C(), d(O(N).span, {
+			class: "col-start-1 row-start-1 inline-block justify-self-start whitespace-pre",
+			initial: "enter",
+			animate: "shown",
+			exit: "leave"
+		}, {
+			default: j(() => [(C(!0), f(l, null, T(i.value, (t, n) => (C(), d(O(N).span, {
+				key: n,
+				custom: n,
+				variants: a,
+				initial: "enter",
+				animate: "shown",
+				exit: "leave",
+				class: "orvui-agent-text-shimmer inline-block whitespace-pre will-change-[opacity,transform]",
+				style: b({ animation: `orvui-agent-text-shimmer ${e.duration}s linear infinite` })
+			}, {
+				default: j(() => [m(D(t), 1)]),
+				_: 2
+			}, 1032, ["custom", "style"]))), 128))]),
+			_: 1
+		}));
+	}
+}), F = /* @__PURE__ */ g({
+	__name: "ThinkingShimmer",
+	props: { duration: { default: 1.8 } },
+	setup(e) {
+		let t = e;
+		return (e, n) => (C(), d(O(o), {
+			as: "span",
+			class: "font-medium",
+			duration: t.duration
+		}, {
+			default: j(() => [E(e.$slots, "default", {}, () => [n[0] ||= m("Thinking…", -1)])]),
+			_: 3
+		}, 8, ["duration"]));
+	}
+}), I = ["aria-labelledby"], L = {
+	"aria-hidden": "true",
+	class: "inline-flex size-3 shrink-0 items-center justify-center"
+}, R = {
+	"aria-hidden": "true",
+	class: "grid overflow-hidden text-left"
+}, z = { class: "invisible col-start-1 row-start-1 whitespace-nowrap" }, B = ["id"], V = /* @__PURE__ */ g({
+	__name: "ReasoningText",
+	props: {
+		phrases: { default: () => [
+			"Thinking",
+			"Reading the context",
+			"Connecting the details",
+			"Forming a response"
+		] },
+		variant: { default: "cascade" },
+		interval: { default: 1800 },
+		shimmerDuration: { default: 2.2 },
+		indicator: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array
+			],
+			default: void 0
+		}
+	},
+	setup(t) {
+		let r = () => [
+			"Thinking",
+			"Reading the context",
+			"Connecting the details",
+			"Forming a response"
+		], o = t, l = e(), h = k(), g = w(0), _ = u(() => o.phrases.length ? o.phrases : r()), y = u(() => _.value[g.value % _.value.length]), T = u(() => _.value.reduce((e, t) => t.length > e.length ? t : e, "")), V = !1, H;
+		function U() {
+			H !== void 0 && clearInterval(H), H = void 0, !(!V || _.value.length < 2) && (H = setInterval(() => {
+				g.value = (g.value + 1) % _.value.length;
+			}, Math.max(600, o.interval)));
+		}
+		return A([() => o.interval, () => _.value.length], U), S(() => {
+			V = !0, U();
+		}), x(() => {
+			V = !1, H !== void 0 && clearInterval(H);
+		}), (e, r) => (C(), f("span", {
+			role: "status",
+			"aria-live": "polite",
+			"aria-labelledby": O(h),
+			class: v(O(i)("inline-flex items-center gap-2 text-sm font-medium text-muted-foreground", e.$attrs.class))
+		}, [
+			p("span", L, [E(e.$slots, "indicator", {}, () => [t.indicator == null ? (C(), d(O(s), {
+				key: 1,
+				variant: "ascii-line",
+				size: 14,
+				speed: .8,
+				label: "Reasoning"
+			})) : (C(), d(O(c), {
+				key: 0,
+				node: t.indicator
+			}, null, 8, ["node"]))])]),
+			p("span", R, [p("span", z, D(T.value) + "…", 1), t.variant === "cascade" && O(l) ? (C(), d(F, {
+				key: 0,
+				duration: t.shimmerDuration,
+				class: "col-start-1 row-start-1 inline-block justify-self-start whitespace-pre"
+			}, {
+				default: j(() => [m(D(y.value) + "…", 1)]),
+				_: 1
+			}, 8, ["duration"])) : t.variant === "cascade" ? (C(), d(O(M), {
+				key: 1,
+				initial: !1
+			}, {
+				default: j(() => [(C(), d(P, {
+					key: y.value,
+					phrase: y.value,
+					duration: t.shimmerDuration
+				}, null, 8, ["phrase", "duration"]))]),
+				_: 1
+			})) : t.variant === "scramble" ? (C(), d(O(a), {
+				key: 2,
+				text: `${y.value}…`,
+				class: "orvui-agent-text-shimmer col-start-1 row-start-1 justify-self-start tabular-nums",
+				style: b({ animation: `orvui-agent-text-shimmer ${t.shimmerDuration}s linear infinite` })
+			}, null, 8, ["text", "style"])) : (C(), d(O(M), {
+				key: 3,
+				initial: !1
+			}, {
+				default: j(() => [(C(), d(O(N).span, {
+					key: y.value,
+					class: "orvui-agent-text-shimmer col-start-1 row-start-1 inline-block justify-self-start whitespace-nowrap will-change-[opacity,transform]",
+					style: b({ animation: `orvui-agent-text-shimmer ${t.shimmerDuration}s linear infinite` }),
+					initial: O(l) ? { opacity: 0 } : {
+						opacity: 0,
+						y: 3
+					},
+					animate: O(l) ? { opacity: 1 } : {
+						opacity: 1,
+						y: 0
+					},
+					exit: O(l) ? { opacity: 0 } : {
+						opacity: 0,
+						y: -3
+					},
+					transition: {
+						duration: O(l) ? .12 : .2,
+						ease: O(n)
+					}
+				}, {
+					default: j(() => [m(D(y.value) + "…", 1)]),
+					_: 1
+				}, 8, [
+					"style",
+					"initial",
+					"animate",
+					"exit",
+					"transition"
+				]))]),
+				_: 1
+			}))]),
+			p("span", {
+				id: O(h),
+				class: "sr-only"
+			}, D(y.value), 9, B)
+		], 10, I));
+	}
+}), H = /* @__PURE__ */ g({
+	inheritAttrs: !1,
+	__name: "LoadingStates",
+	setup(e) {
+		return (e, t) => (C(), d(V, y(_(e.$attrs)), null, 16));
+	}
+}), U = ["aria-label"], W = {
+	"aria-hidden": "true",
+	class: "grid size-5 shrink-0 grid-cols-3 gap-[2px]"
+}, G = { class: "font-sans font-medium" }, K = {
+	"aria-hidden": "true",
+	class: "tabular-nums text-muted-foreground/70"
+}, q = /* @__PURE__ */ g({
+	__name: "AgentProgress",
+	props: {
+		label: { default: "Churning" },
+		elapsedSeconds: {},
+		initialSeconds: { default: 0 },
+		running: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(n) {
+		let r = n, a = e(), o = w(r.initialSeconds), s = u(() => Math.max(0, r.elapsedSeconds ?? o.value)), c = u(() => {
+			let e = s.value, t = (e % 60).toFixed(1);
+			return e < 60 ? `${e.toFixed(1)}s` : `${Math.floor(e / 60)}m ${t}s`;
+		}), d, m = !1;
+		function g() {
+			if (d !== void 0 && clearInterval(d), d = void 0, !m || !r.running || r.elapsedSeconds !== void 0) return;
+			let e = performance.now(), t = r.initialSeconds;
+			d = setInterval(() => {
+				o.value = t + (performance.now() - e) / 1e3;
+			}, 100);
+		}
+		return A([
+			() => r.running,
+			() => r.elapsedSeconds,
+			() => r.initialSeconds
+		], g), S(() => {
+			m = !0, g();
+		}), x(() => {
+			m = !1, d !== void 0 && clearInterval(d);
+		}), (e, r) => (C(), f("span", {
+			role: "status",
+			"aria-label": `${n.label}, in progress`,
+			class: v(O(i)("inline-flex items-center gap-3 font-mono text-sm text-muted-foreground", e.$attrs.class))
+		}, [
+			p("span", W, [(C(), f(l, null, T(9, (e) => h(O(N).span, {
+				key: e,
+				class: "rounded-[1px] bg-current",
+				animate: O(a) ? { opacity: .55 } : {
+					opacity: [
+						.28,
+						1,
+						.28
+					],
+					scale: [
+						.72,
+						1,
+						.72
+					]
+				},
+				transition: O(a) ? { duration: 0 } : {
+					duration: 1.55,
+					ease: O(t),
+					repeat: Infinity,
+					delay: (e - 1) * .14
+				}
+			}, null, 8, ["animate", "transition"])), 64))]),
+			p("span", G, D(n.label), 1),
+			p("span", K, D(c.value), 1)
+		], 10, U));
+	}
+});
+export { F as i, H as n, V as r, q as t };
+
+//# sourceMappingURL=loading-states-C6-sLyVo.js.map

package/dist/loading-states-C6-sLyVo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-states-C6-sLyVo.js","names":["_openBlock","_createBlock","_unref","_withCtx","_createElementBlock","_Fragment","_renderList","_normalizeStyle","_createTextVNode","_toDisplayString","_sfc_main","_openBlock","_createBlock","_unref","TextShimmer","_withCtx","_renderSlot","_createTextVNode","_sfc_main","$attrs","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_openBlock","_createElementBlock","_unref","_normalizeClass","_createElementVNode","_renderSlot","_createBlock","Loader","_toDisplayString","ThinkingShimmer","_withCtx","_createTextVNode","CascadePhrase","TextScramble","_normalizeStyle","_sfc_main","$attrs","_openBlock","_createBlock","ReasoningText","_normalizeProps","_guardReactiveProps","_sfc_main","$attrs","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_Fragment","_renderList","_createVNode","_toDisplayString","_sfc_main","useReducedMotion","EASE_IN_OUT","EASE_OUT","SPRING_SWAP","cn","TextScramble_default","TextShimmer_default","Loader_default","RenderNode","CascadePhrase_default","defineComponent","props","__props","glyphs","computed","choreography","order","openBlock","createBlock","unref","motion","withCtx","createElementBlock","Fragment","renderList","index","normalizeStyle","createTextVNode","toDisplayString","glyph","ThinkingShimmer_default","renderSlot","_ctx","_cache","_hoisted_1$1","_hoisted_2$1","_hoisted_3$1","_hoisted_4$1","_hoisted_5","ReasoningText_default","fallback","reduced","identity","useId","cursor","ref","choices","selected","measure","candidate","previous","active","clock","cycle","watch","onMounted","onBeforeUnmount","normalizeClass","createElementVNode","AnimatePresence","LoadingStates_default","normalizeProps","guardReactiveProps","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","AgentProgress_default","internal","elapsed","readout","seconds","remainder","mounted","synchronize","origin","start","createVNode","cell"],"sources":["../src/agents/loading-states/src/CascadePhrase.vue","../src/agents/loading-states/src/CascadePhrase.vue","../src/agents/loading-states/src/ThinkingShimmer.vue","../src/agents/loading-states/src/ThinkingShimmer.vue","../src/agents/loading-states/src/ReasoningText.vue","../src/agents/loading-states/src/ReasoningText.vue","../src/agents/loading-states/src/LoadingStates.vue","../src/agents/loading-states/src/LoadingStates.vue","../src/agents/loading-states/src/AgentProgress.vue","../src/agents/loading-states/src/AgentProgress.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { EASE_OUT, SPRING_SWAP } from \"../../../lib/ease\";\nconst props = defineProps<{ phrase: string; duration: number }>();\nconst glyphs = computed(() => Array.from(`${props.phrase}…`));\nconst choreography = {\n  enter: { opacity: 0, y: \"100%\" },\n  shown: (order: unknown) => ({\n    opacity: 1,\n    y: \"0%\",\n    transition: { ...SPRING_SWAP, delay: Number(order) * 0.025 },\n  }),\n  leave: (order: unknown) => ({\n    opacity: 0,\n    y: \"-100%\",\n    transition: {\n      duration: 0.14,\n      ease: EASE_OUT,\n      delay: Number(order) * 0.01125,\n    },\n  }),\n};\n</script>\n<template>\n  <motion.span\n    class=\"col-start-1 row-start-1 inline-block justify-self-start whitespace-pre\"\n    initial=\"enter\"\n    animate=\"shown\"\n    exit=\"leave\"\n  >\n    <motion.span\n      v-for=\"(glyph, index) in glyphs\"\n      :key=\"index\"\n      :custom=\"index\"\n      :variants=\"choreography\"\n      initial=\"enter\"\n      animate=\"shown\"\n      exit=\"leave\"\n      class=\"orvui-agent-text-shimmer inline-block whitespace-pre will-change-[opacity,transform]\"\n      :style=\"{\n        animation: `orvui-agent-text-shimmer ${duration}s linear infinite`,\n      }\"\n      >{{ glyph }}</motion.span\n    >\n  </motion.span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { EASE_OUT, SPRING_SWAP } from \"../../../lib/ease\";\nconst props = defineProps<{ phrase: string; duration: number }>();\nconst glyphs = computed(() => Array.from(`${props.phrase}…`));\nconst choreography = {\n  enter: { opacity: 0, y: \"100%\" },\n  shown: (order: unknown) => ({\n    opacity: 1,\n    y: \"0%\",\n    transition: { ...SPRING_SWAP, delay: Number(order) * 0.025 },\n  }),\n  leave: (order: unknown) => ({\n    opacity: 0,\n    y: \"-100%\",\n    transition: {\n      duration: 0.14,\n      ease: EASE_OUT,\n      delay: Number(order) * 0.01125,\n    },\n  }),\n};\n</script>\n<template>\n  <motion.span\n    class=\"col-start-1 row-start-1 inline-block justify-self-start whitespace-pre\"\n    initial=\"enter\"\n    animate=\"shown\"\n    exit=\"leave\"\n  >\n    <motion.span\n      v-for=\"(glyph, index) in glyphs\"\n      :key=\"index\"\n      :custom=\"index\"\n      :variants=\"choreography\"\n      initial=\"enter\"\n      animate=\"shown\"\n      exit=\"leave\"\n      class=\"orvui-agent-text-shimmer inline-block whitespace-pre will-change-[opacity,transform]\"\n      :style=\"{\n        animation: `orvui-agent-text-shimmer ${duration}s linear infinite`,\n      }\"\n      >{{ glyph }}</motion.span\n    >\n  </motion.span>\n</template>\n","<script setup lang=\"ts\">\nimport { TextShimmer } from \"../../../motion/text-animation\";\nconst props = withDefaults(defineProps<{ duration?: number }>(), {\n  duration: 1.8,\n});\n</script>\n<template>\n  <TextShimmer as=\"span\" class=\"font-medium\" :duration=\"props.duration\"\n    ><slot>Thinking…</slot></TextShimmer\n  >\n</template>\n<style>\n.orvui-agent-text-shimmer {\n  color: transparent;\n  background-clip: text;\n  background-size: 200% 100%;\n  background-image: linear-gradient(\n    110deg,\n    var(--muted-foreground) 30%,\n    var(--foreground) 50%,\n    var(--muted-foreground) 70%\n  );\n}\n@keyframes orvui-agent-text-shimmer {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .orvui-agent-text-shimmer {\n    animation: none !important;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { TextShimmer } from \"../../../motion/text-animation\";\nconst props = withDefaults(defineProps<{ duration?: number }>(), {\n  duration: 1.8,\n});\n</script>\n<template>\n  <TextShimmer as=\"span\" class=\"font-medium\" :duration=\"props.duration\"\n    ><slot>Thinking…</slot></TextShimmer\n  >\n</template>\n<style>\n.orvui-agent-text-shimmer {\n  color: transparent;\n  background-clip: text;\n  background-size: 200% 100%;\n  background-image: linear-gradient(\n    110deg,\n    var(--muted-foreground) 30%,\n    var(--foreground) 50%,\n    var(--muted-foreground) 70%\n  );\n}\n@keyframes orvui-agent-text-shimmer {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .orvui-agent-text-shimmer {\n    animation: none !important;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref, useId, watch } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { Loader } from \"../../../motion/loader\";\nimport { TextScramble } from \"../../../motion/text-animation\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { RenderNode, type Content } from \"../../shared\";\nimport CascadePhrase from \"./CascadePhrase.vue\";\nimport ThinkingShimmer from \"./ThinkingShimmer.vue\";\nexport type ReasoningTextVariant = \"cascade\" | \"swap\" | \"scramble\";\nconst fallback = () => [\n  \"Thinking\",\n  \"Reading the context\",\n  \"Connecting the details\",\n  \"Forming a response\",\n];\nconst props = withDefaults(\n  defineProps<{\n    phrases?: string[];\n    variant?: ReasoningTextVariant;\n    interval?: number;\n    shimmerDuration?: number;\n    indicator?: Content;\n  }>(),\n  {\n    phrases: () => [\n      \"Thinking\",\n      \"Reading the context\",\n      \"Connecting the details\",\n      \"Forming a response\",\n    ],\n    variant: \"cascade\",\n    interval: 1800,\n    shimmerDuration: 2.2,\n    indicator: undefined,\n  },\n);\nconst reduced = useReducedMotion();\nconst identity = useId();\nconst cursor = ref(0);\nconst choices = computed(() =>\n  props.phrases.length ? props.phrases : fallback(),\n);\nconst selected = computed(\n  () => choices.value[cursor.value % choices.value.length],\n);\nconst measure = computed(() =>\n  choices.value.reduce(\n    (previous, candidate) =>\n      candidate.length > previous.length ? candidate : previous,\n    \"\",\n  ),\n);\nlet active = false;\nlet clock: ReturnType<typeof setInterval> | undefined;\nfunction cycle() {\n  if (clock !== undefined) clearInterval(clock);\n  clock = undefined;\n  if (!active || choices.value.length < 2) return;\n  clock = setInterval(\n    () => {\n      cursor.value = (cursor.value + 1) % choices.value.length;\n    },\n    Math.max(600, props.interval),\n  );\n}\nwatch([() => props.interval, () => choices.value.length], cycle);\nonMounted(() => {\n  active = true;\n  cycle();\n});\nonBeforeUnmount(() => {\n  active = false;\n  if (clock !== undefined) clearInterval(clock);\n});\n</script>\n<template>\n  <span\n    role=\"status\"\n    aria-live=\"polite\"\n    :aria-labelledby=\"identity\"\n    :class=\"\n      cn(\n        'inline-flex items-center gap-2 text-sm font-medium text-muted-foreground',\n        $attrs.class,\n      )\n    \"\n  >\n    <span\n      aria-hidden=\"true\"\n      class=\"inline-flex size-3 shrink-0 items-center justify-center\"\n      ><slot name=\"indicator\"\n        ><RenderNode v-if=\"indicator != null\" :node=\"indicator\" /><Loader\n          v-else\n          variant=\"ascii-line\"\n          :size=\"14\"\n          :speed=\"0.8\"\n          label=\"Reasoning\" /></slot\n    ></span>\n    <span aria-hidden=\"true\" class=\"grid overflow-hidden text-left\">\n      <span class=\"invisible col-start-1 row-start-1 whitespace-nowrap\"\n        >{{ measure }}…</span\n      >\n      <ThinkingShimmer\n        v-if=\"variant === 'cascade' && reduced\"\n        :duration=\"shimmerDuration\"\n        class=\"col-start-1 row-start-1 inline-block justify-self-start whitespace-pre\"\n        >{{ selected }}…</ThinkingShimmer\n      >\n      <AnimatePresence v-else-if=\"variant === 'cascade'\" :initial=\"false\"\n        ><CascadePhrase\n          :key=\"selected\"\n          :phrase=\"selected\"\n          :duration=\"shimmerDuration\"\n      /></AnimatePresence>\n      <TextScramble\n        v-else-if=\"variant === 'scramble'\"\n        :text=\"`${selected}…`\"\n        class=\"orvui-agent-text-shimmer col-start-1 row-start-1 justify-self-start tabular-nums\"\n        :style=\"{\n          animation: `orvui-agent-text-shimmer ${shimmerDuration}s linear infinite`,\n        }\"\n      />\n      <AnimatePresence v-else :initial=\"false\"\n        ><motion.span\n          :key=\"selected\"\n          class=\"orvui-agent-text-shimmer col-start-1 row-start-1 inline-block justify-self-start whitespace-nowrap will-change-[opacity,transform]\"\n          :style=\"{\n            animation: `orvui-agent-text-shimmer ${shimmerDuration}s linear infinite`,\n          }\"\n          :initial=\"reduced ? { opacity: 0 } : { opacity: 0, y: 3 }\"\n          :animate=\"reduced ? { opacity: 1 } : { opacity: 1, y: 0 }\"\n          :exit=\"reduced ? { opacity: 0 } : { opacity: 0, y: -3 }\"\n          :transition=\"{ duration: reduced ? 0.12 : 0.2, ease: EASE_OUT }\"\n          >{{ selected }}…</motion.span\n        ></AnimatePresence\n      > </span\n    ><span :id=\"identity\" class=\"sr-only\">{{ selected }}</span>\n  </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref, useId, watch } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { Loader } from \"../../../motion/loader\";\nimport { TextScramble } from \"../../../motion/text-animation\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { RenderNode, type Content } from \"../../shared\";\nimport CascadePhrase from \"./CascadePhrase.vue\";\nimport ThinkingShimmer from \"./ThinkingShimmer.vue\";\nexport type ReasoningTextVariant = \"cascade\" | \"swap\" | \"scramble\";\nconst fallback = () => [\n  \"Thinking\",\n  \"Reading the context\",\n  \"Connecting the details\",\n  \"Forming a response\",\n];\nconst props = withDefaults(\n  defineProps<{\n    phrases?: string[];\n    variant?: ReasoningTextVariant;\n    interval?: number;\n    shimmerDuration?: number;\n    indicator?: Content;\n  }>(),\n  {\n    phrases: () => [\n      \"Thinking\",\n      \"Reading the context\",\n      \"Connecting the details\",\n      \"Forming a response\",\n    ],\n    variant: \"cascade\",\n    interval: 1800,\n    shimmerDuration: 2.2,\n    indicator: undefined,\n  },\n);\nconst reduced = useReducedMotion();\nconst identity = useId();\nconst cursor = ref(0);\nconst choices = computed(() =>\n  props.phrases.length ? props.phrases : fallback(),\n);\nconst selected = computed(\n  () => choices.value[cursor.value % choices.value.length],\n);\nconst measure = computed(() =>\n  choices.value.reduce(\n    (previous, candidate) =>\n      candidate.length > previous.length ? candidate : previous,\n    \"\",\n  ),\n);\nlet active = false;\nlet clock: ReturnType<typeof setInterval> | undefined;\nfunction cycle() {\n  if (clock !== undefined) clearInterval(clock);\n  clock = undefined;\n  if (!active || choices.value.length < 2) return;\n  clock = setInterval(\n    () => {\n      cursor.value = (cursor.value + 1) % choices.value.length;\n    },\n    Math.max(600, props.interval),\n  );\n}\nwatch([() => props.interval, () => choices.value.length], cycle);\nonMounted(() => {\n  active = true;\n  cycle();\n});\nonBeforeUnmount(() => {\n  active = false;\n  if (clock !== undefined) clearInterval(clock);\n});\n</script>\n<template>\n  <span\n    role=\"status\"\n    aria-live=\"polite\"\n    :aria-labelledby=\"identity\"\n    :class=\"\n      cn(\n        'inline-flex items-center gap-2 text-sm font-medium text-muted-foreground',\n        $attrs.class,\n      )\n    \"\n  >\n    <span\n      aria-hidden=\"true\"\n      class=\"inline-flex size-3 shrink-0 items-center justify-center\"\n      ><slot name=\"indicator\"\n        ><RenderNode v-if=\"indicator != null\" :node=\"indicator\" /><Loader\n          v-else\n          variant=\"ascii-line\"\n          :size=\"14\"\n          :speed=\"0.8\"\n          label=\"Reasoning\" /></slot\n    ></span>\n    <span aria-hidden=\"true\" class=\"grid overflow-hidden text-left\">\n      <span class=\"invisible col-start-1 row-start-1 whitespace-nowrap\"\n        >{{ measure }}…</span\n      >\n      <ThinkingShimmer\n        v-if=\"variant === 'cascade' && reduced\"\n        :duration=\"shimmerDuration\"\n        class=\"col-start-1 row-start-1 inline-block justify-self-start whitespace-pre\"\n        >{{ selected }}…</ThinkingShimmer\n      >\n      <AnimatePresence v-else-if=\"variant === 'cascade'\" :initial=\"false\"\n        ><CascadePhrase\n          :key=\"selected\"\n          :phrase=\"selected\"\n          :duration=\"shimmerDuration\"\n      /></AnimatePresence>\n      <TextScramble\n        v-else-if=\"variant === 'scramble'\"\n        :text=\"`${selected}…`\"\n        class=\"orvui-agent-text-shimmer col-start-1 row-start-1 justify-self-start tabular-nums\"\n        :style=\"{\n          animation: `orvui-agent-text-shimmer ${shimmerDuration}s linear infinite`,\n        }\"\n      />\n      <AnimatePresence v-else :initial=\"false\"\n        ><motion.span\n          :key=\"selected\"\n          class=\"orvui-agent-text-shimmer col-start-1 row-start-1 inline-block justify-self-start whitespace-nowrap will-change-[opacity,transform]\"\n          :style=\"{\n            animation: `orvui-agent-text-shimmer ${shimmerDuration}s linear infinite`,\n          }\"\n          :initial=\"reduced ? { opacity: 0 } : { opacity: 0, y: 3 }\"\n          :animate=\"reduced ? { opacity: 1 } : { opacity: 1, y: 0 }\"\n          :exit=\"reduced ? { opacity: 0 } : { opacity: 0, y: -3 }\"\n          :transition=\"{ duration: reduced ? 0.12 : 0.2, ease: EASE_OUT }\"\n          >{{ selected }}…</motion.span\n        ></AnimatePresence\n      > </span\n    ><span :id=\"identity\" class=\"sr-only\">{{ selected }}</span>\n  </span>\n</template>\n","<script setup lang=\"ts\">\nimport ReasoningText from \"./ReasoningText.vue\";\ndefineOptions({ inheritAttrs: false });\n</script>\n<template><ReasoningText v-bind=\"$attrs\" /></template>\n","<script setup lang=\"ts\">\nimport ReasoningText from \"./ReasoningText.vue\";\ndefineOptions({ inheritAttrs: false });\n</script>\n<template><ReasoningText v-bind=\"$attrs\" /></template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_IN_OUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nconst props = withDefaults(\n  defineProps<{\n    label?: string;\n    elapsedSeconds?: number;\n    initialSeconds?: number;\n    running?: boolean;\n  }>(),\n  { label: \"Churning\", initialSeconds: 0, running: true },\n);\nconst reduced = useReducedMotion();\nconst internal = ref(props.initialSeconds);\nconst elapsed = computed(() =>\n  Math.max(0, props.elapsedSeconds ?? internal.value),\n);\nconst readout = computed(() => {\n  const seconds = elapsed.value;\n  const remainder = (seconds % 60).toFixed(1);\n  return seconds < 60\n    ? `${seconds.toFixed(1)}s`\n    : `${Math.floor(seconds / 60)}m ${remainder}s`;\n});\nlet clock: ReturnType<typeof setInterval> | undefined;\nlet mounted = false;\nfunction synchronize() {\n  if (clock !== undefined) clearInterval(clock);\n  clock = undefined;\n  if (!mounted || !props.running || props.elapsedSeconds !== undefined) return;\n  const origin = performance.now();\n  const start = props.initialSeconds;\n  clock = setInterval(() => {\n    internal.value = start + (performance.now() - origin) / 1000;\n  }, 100);\n}\nwatch(\n  [() => props.running, () => props.elapsedSeconds, () => props.initialSeconds],\n  synchronize,\n);\nonMounted(() => {\n  mounted = true;\n  synchronize();\n});\nonBeforeUnmount(() => {\n  mounted = false;\n  if (clock !== undefined) clearInterval(clock);\n});\n</script>\n<template>\n  <span\n    role=\"status\"\n    :aria-label=\"`${label}, in progress`\"\n    :class=\"\n      cn(\n        'inline-flex items-center gap-3 font-mono text-sm text-muted-foreground',\n        $attrs.class,\n      )\n    \"\n  >\n    <span aria-hidden=\"true\" class=\"grid size-5 shrink-0 grid-cols-3 gap-[2px]\">\n      <motion.span\n        v-for=\"cell in 9\"\n        :key=\"cell\"\n        class=\"rounded-[1px] bg-current\"\n        :animate=\"\n          reduced\n            ? { opacity: 0.55 }\n            : { opacity: [0.28, 1, 0.28], scale: [0.72, 1, 0.72] }\n        \"\n        :transition=\"\n          reduced\n            ? { duration: 0 }\n            : {\n                duration: 1.55,\n                ease: EASE_IN_OUT,\n                repeat: Infinity,\n                delay: (cell - 1) * 0.14,\n              }\n        \"\n      />\n    </span>\n    <span class=\"font-sans font-medium\">{{ label }}</span\n    ><span aria-hidden=\"true\" class=\"tabular-nums text-muted-foreground/70\">{{\n      readout\n    }}</span>\n  </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_IN_OUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nconst props = withDefaults(\n  defineProps<{\n    label?: string;\n    elapsedSeconds?: number;\n    initialSeconds?: number;\n    running?: boolean;\n  }>(),\n  { label: \"Churning\", initialSeconds: 0, running: true },\n);\nconst reduced = useReducedMotion();\nconst internal = ref(props.initialSeconds);\nconst elapsed = computed(() =>\n  Math.max(0, props.elapsedSeconds ?? internal.value),\n);\nconst readout = computed(() => {\n  const seconds = elapsed.value;\n  const remainder = (seconds % 60).toFixed(1);\n  return seconds < 60\n    ? `${seconds.toFixed(1)}s`\n    : `${Math.floor(seconds / 60)}m ${remainder}s`;\n});\nlet clock: ReturnType<typeof setInterval> | undefined;\nlet mounted = false;\nfunction synchronize() {\n  if (clock !== undefined) clearInterval(clock);\n  clock = undefined;\n  if (!mounted || !props.running || props.elapsedSeconds !== undefined) return;\n  const origin = performance.now();\n  const start = props.initialSeconds;\n  clock = setInterval(() => {\n    internal.value = start + (performance.now() - origin) / 1000;\n  }, 100);\n}\nwatch(\n  [() => props.running, () => props.elapsedSeconds, () => props.initialSeconds],\n  synchronize,\n);\nonMounted(() => {\n  mounted = true;\n  synchronize();\n});\nonBeforeUnmount(() => {\n  mounted = false;\n  if (clock !== undefined) clearInterval(clock);\n});\n</script>\n<template>\n  <span\n    role=\"status\"\n    :aria-label=\"`${label}, in progress`\"\n    :class=\"\n      cn(\n        'inline-flex items-center gap-3 font-mono text-sm text-muted-foreground',\n        $attrs.class,\n      )\n    \"\n  >\n    <span aria-hidden=\"true\" class=\"grid size-5 shrink-0 grid-cols-3 gap-[2px]\">\n      <motion.span\n        v-for=\"cell in 9\"\n        :key=\"cell\"\n        class=\"rounded-[1px] bg-current\"\n        :animate=\"\n          reduced\n            ? { opacity: 0.55 }\n            : { opacity: [0.28, 1, 0.28], scale: [0.72, 1, 0.72] }\n        \"\n        :transition=\"\n          reduced\n            ? { duration: 0 }\n            : {\n                duration: 1.55,\n                ease: EASE_IN_OUT,\n                repeat: Infinity,\n                delay: (cell - 1) * 0.14,\n              }\n        \"\n      />\n    </span>\n    <span class=\"font-sans font-medium\">{{ label }}</span\n    ><span aria-hidden=\"true\" class=\"tabular-nums text-muted-foreground/70\">{{\n      readout\n    }}</span>\n  </span>\n</template>\n"],"mappings":"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"}

package/dist/marquee-C1FQEE-x.js

@@ -0,0 +1,54 @@
+import { s as e } from "./composables-BJ1sih_H.js";
+import { t } from "./_plugin-vue_export-helper-Djzt4Yr7.js";
+import { t as n } from "./utils-DIrLOK2M.js";
+import { Comment as r, Fragment as i, computed as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, h as u, isVNode as d, normalizeClass as f, normalizeStyle as p, openBlock as m, ref as h, renderList as g, unref as _, useSlots as v } from "vue";
+// src/motion/marquee/src/Marquee.vue?vue&type=script&setup=true&lang.ts
+var y = ["aria-hidden", "inert"], b = /* @__PURE__ */ t(/* @__PURE__ */ l({
+	__name: "Marquee",
+	props: {
+		direction: { default: "left" },
+		speed: { default: 30 },
+		pauseOnHover: {
+			type: Boolean,
+			default: !0
+		},
+		gap: { default: "1rem" },
+		fade: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(t) {
+		let b = t, x = v(), S = e(), C = h(!1), w = a(() => b.direction === "up" || b.direction === "down"), T = a(() => b.direction === "right" || b.direction === "down"), E = a(() => !S.value && !(C.value && b.pauseOnHover));
+		function D(e) {
+			return e.flatMap((e) => !d(e) || e.type === r ? [] : e.type === i && Array.isArray(e.children) ? D(e.children) : [e]);
+		}
+		let O = l({ setup: () => () => D(x.default?.() ?? []).map((e, t) => u("div", {
+			key: e.key ?? t,
+			class: "shrink-0"
+		}, [e])) });
+		return (e, r) => (m(), o("div", {
+			class: f(_(n)("group relative flex overflow-hidden", w.value ? "flex-col" : "flex-row", t.fade && (w.value ? "[mask-image:linear-gradient(to_bottom,transparent,black_12%,black_88%,transparent)]" : "[mask-image:linear-gradient(to_right,transparent,black_12%,black_88%,transparent)]"))),
+			style: p({
+				"--gap": t.gap,
+				gap: t.gap
+			}),
+			onMouseenter: r[0] ||= (e) => C.value = !0,
+			onMouseleave: r[1] ||= (e) => C.value = !1
+		}, [(m(), o(i, null, g(2, (e) => s("div", {
+			key: e,
+			"aria-hidden": e === 2,
+			inert: e === 2,
+			style: p({
+				animationDuration: `${t.speed}s`,
+				animationDirection: T.value ? "reverse" : "normal",
+				animationPlayState: E.value ? "running" : "paused",
+				gap: t.gap
+			}),
+			class: f(_(n)("flex shrink-0 items-center", w.value ? "flex-col orvui-marquee-vertical" : "flex-row orvui-marquee"))
+		}, [c(_(O))], 14, y)), 64))], 38));
+	}
+}), [["__scopeId", "data-v-fa891bbd"]]);
+export { b as t };
+
+//# sourceMappingURL=marquee-C1FQEE-x.js.map

package/dist/marquee-C1FQEE-x.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marquee-C1FQEE-x.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_normalizeStyle","_Fragment","_renderList","_createElementVNode","_createVNode","_sfc_main","useReducedMotion","cn","_hoisted_1","Marquee_default","defineComponent","props","__props","slots","useSlots","reduced","hovered","ref","vertical","computed","reverse","running","flatten","nodes","isVNode","node","Comment","Fragment","Items","h","index","openBlock","createElementBlock","normalizeClass","unref","normalizeStyle","_cache","renderList","createElementVNode","copy","createVNode"],"sources":["../src/motion/marquee/src/Marquee.vue","../src/motion/marquee/src/Marquee.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Comment, computed, defineComponent, Fragment, h, isVNode, ref, useSlots, type VNode } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nconst props = withDefaults(defineProps<{\n  direction?: \"left\" | \"right\" | \"up\" | \"down\"; speed?: number; pauseOnHover?: boolean; gap?: string; fade?: boolean;\n}>(), { direction: \"left\", speed: 30, pauseOnHover: true, gap: \"1rem\", fade: true });\nconst slots = useSlots(), reduced = useReducedMotion(), hovered = ref(false);\nconst vertical = computed(() => props.direction === \"up\" || props.direction === \"down\");\nconst reverse = computed(() => props.direction === \"right\" || props.direction === \"down\");\nconst running = computed(() => !reduced.value && !(hovered.value && props.pauseOnHover));\nfunction flatten(nodes: unknown[]): VNode[] {\n  return nodes.flatMap(node => {\n    if (!isVNode(node) || node.type === Comment) return [];\n    return node.type === Fragment && Array.isArray(node.children) ? flatten(node.children) : [node];\n  });\n}\nconst Items = defineComponent({\n  setup: () => () => flatten(slots.default?.() ?? []).map((node, index) => h(\"div\", { key: node.key ?? index, class: \"shrink-0\" }, [node])),\n});\n</script>\n<template>\n  <div :class=\"cn('group relative flex overflow-hidden', vertical ? 'flex-col' : 'flex-row', fade && (vertical\n      ? '[mask-image:linear-gradient(to_bottom,transparent,black_12%,black_88%,transparent)]'\n      : '[mask-image:linear-gradient(to_right,transparent,black_12%,black_88%,transparent)]'))\"\n    :style=\"{ '--gap': gap, gap }\" @mouseenter=\"hovered = true\" @mouseleave=\"hovered = false\">\n    <div v-for=\"copy in 2\" :key=\"copy\" :aria-hidden=\"copy === 2\" :inert=\"copy === 2\"\n      :style=\"{ animationDuration: `${speed}s`, animationDirection: reverse ? 'reverse' : 'normal', animationPlayState: running ? 'running' : 'paused', gap }\"\n      :class=\"cn('flex shrink-0 items-center', vertical ? 'flex-col orvui-marquee-vertical' : 'flex-row orvui-marquee')\"><Items /></div>\n  </div>\n</template>\n<style scoped>\n.orvui-marquee { animation: orvui-marquee var(--duration, 30s) linear infinite; }\n.orvui-marquee-vertical { animation: orvui-marquee-vertical var(--duration, 30s) linear infinite; }\n@keyframes orvui-marquee { to { transform: translateX(calc(-100% - var(--gap))); } }\n@keyframes orvui-marquee-vertical { to { transform: translateY(calc(-100% - var(--gap))); } }\n</style>\n","<script setup lang=\"ts\">\nimport { Comment, computed, defineComponent, Fragment, h, isVNode, ref, useSlots, type VNode } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nconst props = withDefaults(defineProps<{\n  direction?: \"left\" | \"right\" | \"up\" | \"down\"; speed?: number; pauseOnHover?: boolean; gap?: string; fade?: boolean;\n}>(), { direction: \"left\", speed: 30, pauseOnHover: true, gap: \"1rem\", fade: true });\nconst slots = useSlots(), reduced = useReducedMotion(), hovered = ref(false);\nconst vertical = computed(() => props.direction === \"up\" || props.direction === \"down\");\nconst reverse = computed(() => props.direction === \"right\" || props.direction === \"down\");\nconst running = computed(() => !reduced.value && !(hovered.value && props.pauseOnHover));\nfunction flatten(nodes: unknown[]): VNode[] {\n  return nodes.flatMap(node => {\n    if (!isVNode(node) || node.type === Comment) return [];\n    return node.type === Fragment && Array.isArray(node.children) ? flatten(node.children) : [node];\n  });\n}\nconst Items = defineComponent({\n  setup: () => () => flatten(slots.default?.() ?? []).map((node, index) => h(\"div\", { key: node.key ?? index, class: \"shrink-0\" }, [node])),\n});\n</script>\n<template>\n  <div :class=\"cn('group relative flex overflow-hidden', vertical ? 'flex-col' : 'flex-row', fade && (vertical\n      ? '[mask-image:linear-gradient(to_bottom,transparent,black_12%,black_88%,transparent)]'\n      : '[mask-image:linear-gradient(to_right,transparent,black_12%,black_88%,transparent)]'))\"\n    :style=\"{ '--gap': gap, gap }\" @mouseenter=\"hovered = true\" @mouseleave=\"hovered = false\">\n    <div v-for=\"copy in 2\" :key=\"copy\" :aria-hidden=\"copy === 2\" :inert=\"copy === 2\"\n      :style=\"{ animationDuration: `${speed}s`, animationDirection: reverse ? 'reverse' : 'normal', animationPlayState: running ? 'running' : 'paused', gap }\"\n      :class=\"cn('flex shrink-0 items-center', vertical ? 'flex-col orvui-marquee-vertical' : 'flex-row orvui-marquee')\"><Items /></div>\n  </div>\n</template>\n<style scoped>\n.orvui-marquee { animation: orvui-marquee var(--duration, 30s) linear infinite; }\n.orvui-marquee-vertical { animation: orvui-marquee-vertical var(--duration, 30s) linear infinite; }\n@keyframes orvui-marquee { to { transform: translateX(calc(-100% - var(--gap))); } }\n@keyframes orvui-marquee-vertical { to { transform: translateY(calc(-100% - var(--gap))); } }\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAIA,IAAMe,IAAQC,GAGRC,IAAQC,EAAS,GAAGC,IAAUT,EAAiB,GAAGU,IAAUC,EAAI,EAAK,GACrEC,IAAWC,QAAeR,EAAM,cAAc,QAAQA,EAAM,cAAc,MAAM,GAChFS,IAAUD,QAAeR,EAAM,cAAc,WAAWA,EAAM,cAAc,MAAM,GAClFU,IAAUF,QAAe,CAACJ,EAAQ,SAAS,EAAEC,EAAQ,SAASL,EAAM,aAAa;EACvF,SAASW,EAAQ,GAA2B;GAC1C,OAAOC,EAAM,SAAQ,MACf,CAACC,EAAQC,CAAI,KAAKA,EAAK,SAASC,IAAgB,CAAC,IAC9CD,EAAK,SAASE,KAAY,MAAM,QAAQF,EAAK,QAAQ,IAAIH,EAAQG,EAAK,QAAQ,IAAI,CAACA,CAAI,CAC/F;EACH;EACA,IAAMG,IAAQlB,EAAgB,EAC5B,mBAAmBY,EAAQT,EAAM,UAAU,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAM,MAAUgB,EAAE,OAAO;GAAE,KAAKJ,EAAK,OAAOK;GAAO,OAAO;EAAW,GAAG,CAACL,CAAI,CAAC,CAAC,EAC1I,CAAC;E,kBAGC7B,EAAA,GAAAC,EAOM,OAAA;GAPA,OAAKC,EAAEC,EAAAQ,CAAA,CAAE,CAAA,uCAAwCW,EAAA,QAAQ,aAAA,YAA4BN,EAAA,SAASM,EAAA,Q;GAGjG,OAAKlB,EAAA;IAAA,SAAaY,EAAA;IAAG,KAAEA,EAAA;GAAG,CAAA;GAAK,cAAU,AAAAwB,EAAA,QAAA,MAAE,EAAA,QAAO;GAAU,cAAU,AAAAA,EAAA,QAAA,MAAE,EAAA,QAAO;E,KAChFxC,EAAA,GAAAC,EAEoII,GAAA,MAAAC,EAFhH,IAAR,MAAZC,EAEoI,OAAA;GAF5G,KAAKoC;GAAO,eAAaA,MAAI;GAAS,OAAOA,MAAI;GACtE,OAAKvC,EAAA;IAAA,mBAAA,GAA0BY,EAAA,MAAK;IAAA,oBAAyBQ,EAAA,QAAO,YAAA;IAAA,oBAA6CC,EAAA,QAAO,YAAA;IAAA,KAAyBT,EAAA;GAAG,CAAA;GACpJ,OAAKd,EAAEC,EAAAQ,CAAA,CAAE,CAAA,8BAA+BW,EAAA,QAAQ,oCAAA,wBAAA,CAAA;E,IAAkEd,EAASL,EAAA6B,CAAA,CAAA,C"}

package/dist/message-CwBzZlNb.js

@@ -0,0 +1,173 @@
+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 } from "./shared-DAEawhBJ.js";
+import { s as i } from "./message-bubble-BWfWrrcc.js";
+import { Fragment as a, computed as o, createBlock as s, createElementBlock as c, createElementVNode as l, defineComponent as u, h as d, inject as f, mergeProps as p, normalizeClass as m, normalizeStyle as h, openBlock as g, provide as _, renderList as v, renderSlot as y, toDisplayString as b, unref as x, useAttrs as S, useSlots as C, withCtx as w } from "vue";
+import { motion as T } from "motion-v";
+// src/agents/message/src/Message.vue
+var E = /* @__PURE__ */ u({
+	__name: "Message",
+	props: {
+		from: {},
+		animateIn: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = e, a = o(() => t.from);
+		_(i, a);
+		let c = r(), l = o(() => t.animateIn && !c.value ? {
+			opacity: 0,
+			y: 8,
+			scale: .95
+		} : !1);
+		return (t, r) => (g(), s(x(T).article, {
+			"data-slot": "message",
+			"data-from": e.from,
+			"aria-label": `${e.from} message`,
+			class: m(x(n)("group/message flex w-full items-start gap-2", e.from === "user" ? "flex-row-reverse" : "flex-row")),
+			style: h({ transformOrigin: e.from === "user" ? "100% 100%" : "0% 100%" }),
+			initial: l.value,
+			animate: {
+				opacity: 1,
+				y: 0,
+				scale: 1
+			},
+			exit: x(c) ? { opacity: 0 } : {
+				opacity: 0,
+				y: -3,
+				scale: .99
+			},
+			transition: x(c) ? { duration: .12 } : {
+				type: "spring",
+				stiffness: 480,
+				damping: 32,
+				mass: .62
+			}
+		}, {
+			default: w(() => [y(t.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"data-from",
+			"aria-label",
+			"class",
+			"style",
+			"initial",
+			"exit",
+			"transition"
+		]));
+	}
+}), D = /* @__PURE__ */ u({
+	inheritAttrs: !1,
+	__name: "MessageGroup",
+	props: { spacing: { default: "compact" } },
+	setup(e) {
+		let t = e, r = C(), i = S(), a = {
+			compact: "gap-1.5",
+			default: "gap-4"
+		}, o = () => d("div", {
+			"data-slot": "message-group",
+			...i,
+			class: n("flex w-full flex-col", a[t.spacing === "compact" ? "compact" : "default"], i.class)
+		}, [y(r, "default")]);
+		return (e, t) => (g(), s(o));
+	}
+}), O = "grid size-7 shrink-0 place-items-center overflow-hidden rounded-full bg-muted text-xs font-medium text-muted-foreground [&_img]:size-full [&_img]:object-cover [&_svg]:size-3.5", k = /* @__PURE__ */ u({
+	inheritAttrs: !1,
+	__name: "MessageAvatar",
+	props: { placeholder: {
+		type: Boolean,
+		default: !1
+	} },
+	setup(e) {
+		let t = e, r = C(), i = S(), a = () => {
+			let e = t.placeholder ? {
+				class: "invisible",
+				hidden: !0
+			} : {
+				class: void 0,
+				hidden: void 0
+			};
+			return d("div", {
+				"data-slot": "message-avatar",
+				...i,
+				"aria-hidden": e.hidden,
+				class: n(O, e.class, i.class)
+			}, [y(r, "default")]);
+		};
+		return (e, t) => (g(), s(a));
+	}
+});
+// src/agents/message/src/alignment.ts
+function A() {
+	let e = f(i, o(() => "assistant"));
+	return o(() => e.value === "user");
+}
+// src/agents/message/src/MessageContent.vue
+var j = /* @__PURE__ */ u({
+	inheritAttrs: !1,
+	__name: "MessageContent",
+	setup(e) {
+		let t = A();
+		return (e, r) => (g(), c("div", p({ "data-slot": "message-content" }, e.$attrs, { class: x(n)("flex min-w-0 flex-1 flex-col gap-1.5", x(t) ? "items-end" : "items-start", e.$attrs.class) }), [y(e.$slots, "default")], 16));
+	}
+}), M = /* @__PURE__ */ u({
+	inheritAttrs: !1,
+	__name: "MessageHeader",
+	setup(e) {
+		let t = A();
+		return (e, r) => (g(), c("div", p({ "data-slot": "message-header" }, e.$attrs, { class: x(n)("flex items-center gap-1.5 px-1 text-[11px] leading-none text-muted-foreground", x(t) ? "justify-end" : "justify-start", e.$attrs.class) }), [y(e.$slots, "default")], 16));
+	}
+}), N = /* @__PURE__ */ u({
+	inheritAttrs: !1,
+	__name: "MessageFooter",
+	setup(e) {
+		let t = A();
+		return (e, r) => (g(), c("div", p({ "data-slot": "message-footer" }, e.$attrs, { class: x(n)("flex min-h-5 items-center gap-1 px-1 text-[11px] text-muted-foreground", x(t) ? "justify-end" : "justify-start", e.$attrs.class) }), [y(e.$slots, "default")], 16));
+	}
+}), P = /* @__PURE__ */ u({
+	inheritAttrs: !1,
+	__name: "MessageMarker",
+	setup(e) {
+		return (e, t) => (g(), c("div", p({ "data-slot": "message-marker" }, e.$attrs, { class: x(n)("mx-auto flex w-fit max-w-[88%] items-center gap-1.5 rounded-full bg-muted/70 px-2.5 py-1 text-center text-xs text-muted-foreground", e.$attrs.class) }), [y(e.$slots, "default")], 16));
+	}
+}), F = { class: "sr-only" }, I = /* @__PURE__ */ u({
+	inheritAttrs: !1,
+	__name: "MessageTyping",
+	props: { label: { default: "Responding" } },
+	setup(r) {
+		let i = e(), u = o(() => [
+			0,
+			.14,
+			.28
+		].map((e) => ({
+			delay: e,
+			duration: 1.05,
+			ease: t,
+			repeat: Infinity
+		})));
+		return (e, t) => (g(), c("span", p({ "data-slot": "message-typing" }, e.$attrs, { class: x(n)("inline-flex h-5 items-center gap-1", e.$attrs.class) }), [l("span", F, b(r.label), 1), (g(!0), c(a, null, v(u.value, (e, t) => (g(), s(x(T).span, {
+			key: t,
+			"aria-hidden": "true",
+			class: "size-1 rounded-full bg-current",
+			animate: x(i) ? { opacity: .45 } : {
+				opacity: [
+					.28,
+					.85,
+					.28
+				],
+				y: [
+					0,
+					-2,
+					0
+				]
+			},
+			transition: x(i) ? { duration: 0 } : e
+		}, null, 8, ["animate", "transition"]))), 128))], 16));
+	}
+});
+export { j as a, E as c, M as i, P as n, k as o, N as r, D as s, I as t };
+
+//# sourceMappingURL=message-CwBzZlNb.js.map

package/dist/message-CwBzZlNb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-CwBzZlNb.js","names":["_openBlock","_createBlock","_unref","_normalizeClass","_normalizeStyle","_withCtx","_renderSlot","_sfc_main","_useSlots","_openBlock","_createBlock","_sfc_main","frame","_useSlots","_openBlock","_createBlock","_sfc_main","$attrs","_openBlock","_createElementBlock","_mergeProps","_unref","_renderSlot","_sfc_main","$attrs","_openBlock","_createElementBlock","_mergeProps","_unref","_renderSlot","_sfc_main","$attrs","_openBlock","_createElementBlock","_mergeProps","_unref","_renderSlot","_sfc_main","$attrs","_openBlock","_createElementBlock","_mergeProps","_unref","_renderSlot","_sfc_main","$attrs","_openBlock","_createElementBlock","_mergeProps","_unref","_createElementVNode","_toDisplayString","_Fragment","_renderList","_createBlock","_sfc_main","useReducedMotion","EASE_OUT","cn","useReduced","messageKey","Message_default","defineComponent","props","__props","side","computed","reduced","initial","openBlock","createBlock","unref","motion","normalizeClass","normalizeStyle","withCtx","renderSlot","_ctx","MessageGroup_default","slots","useSlots","attrs","useAttrs","gaps","RenderFrame","h","frame$1","MessageAvatar_default","presentation","useMessageAlignment","inherited","inject","MessageContent_default","end","createElementBlock","mergeProps","MessageHeader_default","MessageFooter_default","MessageMarker_default","_hoisted_1","MessageTyping_default","phases","createElementVNode","toDisplayString","Fragment","renderList","index","phase"],"sources":["../src/agents/message/src/Message.vue","../src/agents/message/src/Message.vue","../src/agents/message/src/MessageGroup.vue","../src/agents/message/src/MessageGroup.vue","../src/agents/message/src/MessageAvatar.vue","../src/agents/message/src/MessageAvatar.vue","../src/agents/message/src/alignment.ts","../src/agents/message/src/MessageContent.vue","../src/agents/message/src/MessageContent.vue","../src/agents/message/src/MessageHeader.vue","../src/agents/message/src/MessageHeader.vue","../src/agents/message/src/MessageFooter.vue","../src/agents/message/src/MessageFooter.vue","../src/agents/message/src/MessageMarker.vue","../src/agents/message/src/MessageMarker.vue","../src/agents/message/src/MessageTyping.vue","../src/agents/message/src/MessageTyping.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, provide } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReduced } from \"../../shared\";\nimport { messageKey, type MessageFrom } from \"./context\";\nconst props = withDefaults(\n  defineProps<{ from: MessageFrom; animateIn?: boolean }>(),\n  { animateIn: false },\n);\nconst side = computed(() => props.from);\nprovide(messageKey, side);\nconst reduced = useReduced();\nconst initial = computed(() =>\n  props.animateIn && !reduced.value ? { opacity: 0, y: 8, scale: 0.95 } : false,\n);\n</script>\n<template>\n  <motion.article\n    data-slot=\"message\"\n    :data-from=\"from\"\n    :aria-label=\"`${from} message`\"\n    :class=\"\n      cn(\n        'group/message flex w-full items-start gap-2',\n        from === 'user' ? 'flex-row-reverse' : 'flex-row',\n      )\n    \"\n    :style=\"{ transformOrigin: from === 'user' ? '100% 100%' : '0% 100%' }\"\n    :initial=\"initial\"\n    :animate=\"{ opacity: 1, y: 0, scale: 1 }\"\n    :exit=\"reduced ? { opacity: 0 } : { opacity: 0, y: -3, scale: 0.99 }\"\n    :transition=\"\n      reduced\n        ? { duration: 0.12 }\n        : { type: 'spring', stiffness: 480, damping: 32, mass: 0.62 }\n    \"\n    ><slot\n  /></motion.article>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, provide } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReduced } from \"../../shared\";\nimport { messageKey, type MessageFrom } from \"./context\";\nconst props = withDefaults(\n  defineProps<{ from: MessageFrom; animateIn?: boolean }>(),\n  { animateIn: false },\n);\nconst side = computed(() => props.from);\nprovide(messageKey, side);\nconst reduced = useReduced();\nconst initial = computed(() =>\n  props.animateIn && !reduced.value ? { opacity: 0, y: 8, scale: 0.95 } : false,\n);\n</script>\n<template>\n  <motion.article\n    data-slot=\"message\"\n    :data-from=\"from\"\n    :aria-label=\"`${from} message`\"\n    :class=\"\n      cn(\n        'group/message flex w-full items-start gap-2',\n        from === 'user' ? 'flex-row-reverse' : 'flex-row',\n      )\n    \"\n    :style=\"{ transformOrigin: from === 'user' ? '100% 100%' : '0% 100%' }\"\n    :initial=\"initial\"\n    :animate=\"{ opacity: 1, y: 0, scale: 1 }\"\n    :exit=\"reduced ? { opacity: 0 } : { opacity: 0, y: -3, scale: 0.99 }\"\n    :transition=\"\n      reduced\n        ? { duration: 0.12 }\n        : { type: 'spring', stiffness: 480, damping: 32, mass: 0.62 }\n    \"\n    ><slot\n  /></motion.article>\n</template>\n","<script setup lang=\"ts\">\nimport { h, renderSlot, useAttrs } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(defineProps<{ spacing?: \"compact\" | \"default\" }>(), {\n  spacing: \"compact\",\n});\nconst slots = defineSlots<{ default?(props: {}): any }>();\nconst attrs = useAttrs();\nconst gaps = { compact: \"gap-1.5\", default: \"gap-4\" } as const;\nconst RenderFrame = () =>\n  h(\n    \"div\",\n    {\n      \"data-slot\": \"message-group\",\n      ...attrs,\n      class: cn(\n        \"flex w-full flex-col\",\n        gaps[props.spacing === \"compact\" ? \"compact\" : \"default\"],\n        attrs.class,\n      ),\n    },\n    [renderSlot(slots, \"default\")],\n  );\n</script>\n<template><RenderFrame /></template>\n","<script setup lang=\"ts\">\nimport { h, renderSlot, useAttrs } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(defineProps<{ spacing?: \"compact\" | \"default\" }>(), {\n  spacing: \"compact\",\n});\nconst slots = defineSlots<{ default?(props: {}): any }>();\nconst attrs = useAttrs();\nconst gaps = { compact: \"gap-1.5\", default: \"gap-4\" } as const;\nconst RenderFrame = () =>\n  h(\n    \"div\",\n    {\n      \"data-slot\": \"message-group\",\n      ...attrs,\n      class: cn(\n        \"flex w-full flex-col\",\n        gaps[props.spacing === \"compact\" ? \"compact\" : \"default\"],\n        attrs.class,\n      ),\n    },\n    [renderSlot(slots, \"default\")],\n  );\n</script>\n<template><RenderFrame /></template>\n","<script setup lang=\"ts\">\nimport { h, renderSlot, useAttrs } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(defineProps<{ placeholder?: boolean }>(), {\n  placeholder: false,\n});\nconst slots = defineSlots<{ default?(props: {}): any }>();\nconst attrs = useAttrs();\nconst frame =\n  \"grid size-7 shrink-0 place-items-center overflow-hidden rounded-full bg-muted text-xs font-medium text-muted-foreground [&_img]:size-full [&_img]:object-cover [&_svg]:size-3.5\";\nconst RenderFrame = () => {\n  const presentation = props.placeholder\n    ? { class: \"invisible\", hidden: true }\n    : { class: undefined, hidden: undefined };\n  return h(\n    \"div\",\n    {\n      \"data-slot\": \"message-avatar\",\n      ...attrs,\n      \"aria-hidden\": presentation.hidden,\n      class: cn(frame, presentation.class, attrs.class),\n    },\n    [renderSlot(slots, \"default\")],\n  );\n};\n</script>\n<template><RenderFrame /></template>\n","<script setup lang=\"ts\">\nimport { h, renderSlot, useAttrs } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(defineProps<{ placeholder?: boolean }>(), {\n  placeholder: false,\n});\nconst slots = defineSlots<{ default?(props: {}): any }>();\nconst attrs = useAttrs();\nconst frame =\n  \"grid size-7 shrink-0 place-items-center overflow-hidden rounded-full bg-muted text-xs font-medium text-muted-foreground [&_img]:size-full [&_img]:object-cover [&_svg]:size-3.5\";\nconst RenderFrame = () => {\n  const presentation = props.placeholder\n    ? { class: \"invisible\", hidden: true }\n    : { class: undefined, hidden: undefined };\n  return h(\n    \"div\",\n    {\n      \"data-slot\": \"message-avatar\",\n      ...attrs,\n      \"aria-hidden\": presentation.hidden,\n      class: cn(frame, presentation.class, attrs.class),\n    },\n    [renderSlot(slots, \"default\")],\n  );\n};\n</script>\n<template><RenderFrame /></template>\n","import { computed, inject } from \"vue\";\nimport { messageKey, type MessageFrom } from \"./context\";\nexport function useMessageAlignment() {\n  const inherited = inject(\n    messageKey,\n    computed<MessageFrom>(() => \"assistant\"),\n  );\n  return computed(() => inherited.value === \"user\");\n}\n","<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nimport { useMessageAlignment } from \"./alignment\";\ndefineOptions({ inheritAttrs: false });\nconst end = useMessageAlignment();\n</script>\n<template>\n  <div\n    data-slot=\"message-content\"\n    v-bind=\"$attrs\"\n    :class=\"\n      cn(\n        'flex min-w-0 flex-1 flex-col gap-1.5',\n        end ? 'items-end' : 'items-start',\n        $attrs.class,\n      )\n    \"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nimport { useMessageAlignment } from \"./alignment\";\ndefineOptions({ inheritAttrs: false });\nconst end = useMessageAlignment();\n</script>\n<template>\n  <div\n    data-slot=\"message-content\"\n    v-bind=\"$attrs\"\n    :class=\"\n      cn(\n        'flex min-w-0 flex-1 flex-col gap-1.5',\n        end ? 'items-end' : 'items-start',\n        $attrs.class,\n      )\n    \"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nimport { useMessageAlignment } from \"./alignment\";\ndefineOptions({ inheritAttrs: false });\nconst end = useMessageAlignment();\n</script>\n<template>\n  <div\n    data-slot=\"message-header\"\n    v-bind=\"$attrs\"\n    :class=\"\n      cn(\n        'flex items-center gap-1.5 px-1 text-[11px] leading-none text-muted-foreground',\n        end ? 'justify-end' : 'justify-start',\n        $attrs.class,\n      )\n    \"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nimport { useMessageAlignment } from \"./alignment\";\ndefineOptions({ inheritAttrs: false });\nconst end = useMessageAlignment();\n</script>\n<template>\n  <div\n    data-slot=\"message-header\"\n    v-bind=\"$attrs\"\n    :class=\"\n      cn(\n        'flex items-center gap-1.5 px-1 text-[11px] leading-none text-muted-foreground',\n        end ? 'justify-end' : 'justify-start',\n        $attrs.class,\n      )\n    \"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nimport { useMessageAlignment } from \"./alignment\";\ndefineOptions({ inheritAttrs: false });\nconst end = useMessageAlignment();\n</script>\n<template>\n  <div\n    data-slot=\"message-footer\"\n    v-bind=\"$attrs\"\n    :class=\"\n      cn(\n        'flex min-h-5 items-center gap-1 px-1 text-[11px] text-muted-foreground',\n        end ? 'justify-end' : 'justify-start',\n        $attrs.class,\n      )\n    \"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nimport { useMessageAlignment } from \"./alignment\";\ndefineOptions({ inheritAttrs: false });\nconst end = useMessageAlignment();\n</script>\n<template>\n  <div\n    data-slot=\"message-footer\"\n    v-bind=\"$attrs\"\n    :class=\"\n      cn(\n        'flex min-h-5 items-center gap-1 px-1 text-[11px] text-muted-foreground',\n        end ? 'justify-end' : 'justify-start',\n        $attrs.class,\n      )\n    \"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\ndefineOptions({ inheritAttrs: false });\n</script>\n<template>\n  <div\n    data-slot=\"message-marker\"\n    v-bind=\"$attrs\"\n    :class=\"\n      cn(\n        'mx-auto flex w-fit max-w-[88%] items-center gap-1.5 rounded-full bg-muted/70 px-2.5 py-1 text-center text-xs text-muted-foreground',\n        $attrs.class,\n      )\n    \"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\ndefineOptions({ inheritAttrs: false });\n</script>\n<template>\n  <div\n    data-slot=\"message-marker\"\n    v-bind=\"$attrs\"\n    :class=\"\n      cn(\n        'mx-auto flex w-fit max-w-[88%] items-center gap-1.5 rounded-full bg-muted/70 px-2.5 py-1 text-center text-xs text-muted-foreground',\n        $attrs.class,\n      )\n    \"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\ndefineOptions({ inheritAttrs: false });\nwithDefaults(defineProps<{ label?: string }>(), { label: \"Responding\" });\nconst reduced = useReducedMotion();\nconst phases = computed(() =>\n  [0, 0.14, 0.28].map((delay) => ({\n    delay,\n    duration: 1.05,\n    ease: EASE_OUT,\n    repeat: Infinity,\n  })),\n);\n</script>\n<template>\n  <span\n    data-slot=\"message-typing\"\n    v-bind=\"$attrs\"\n    :class=\"cn('inline-flex h-5 items-center gap-1', $attrs.class)\"\n    ><span class=\"sr-only\">{{ label }}</span\n    ><motion.span\n      v-for=\"(phase, index) in phases\"\n      :key=\"index\"\n      aria-hidden=\"true\"\n      class=\"size-1 rounded-full bg-current\"\n      :animate=\"\n        reduced\n          ? { opacity: 0.45 }\n          : { opacity: [0.28, 0.85, 0.28], y: [0, -2, 0] }\n      \"\n      :transition=\"reduced ? { duration: 0 } : phase\"\n  /></span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\ndefineOptions({ inheritAttrs: false });\nwithDefaults(defineProps<{ label?: string }>(), { label: \"Responding\" });\nconst reduced = useReducedMotion();\nconst phases = computed(() =>\n  [0, 0.14, 0.28].map((delay) => ({\n    delay,\n    duration: 1.05,\n    ease: EASE_OUT,\n    repeat: Infinity,\n  })),\n);\n</script>\n<template>\n  <span\n    data-slot=\"message-typing\"\n    v-bind=\"$attrs\"\n    :class=\"cn('inline-flex h-5 items-center gap-1', $attrs.class)\"\n    ><span class=\"sr-only\">{{ label }}</span\n    ><motion.span\n      v-for=\"(phase, index) in phases\"\n      :key=\"index\"\n      aria-hidden=\"true\"\n      class=\"size-1 rounded-full bg-current\"\n      :animate=\"\n        reduced\n          ? { opacity: 0.45 }\n          : { opacity: [0.28, 0.85, 0.28], y: [0, -2, 0] }\n      \"\n      :transition=\"reduced ? { duration: 0 } : phase\"\n  /></span>\n</template>\n"],"mappings":"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"}