@orvui/vue 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 everfu
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/NOTICE

@@ -0,0 +1,32 @@
+orvui component library
+
+Copyright (c) 2026 everfu. orvui source is distributed under MIT.
+Public signatures, numeric palette values and visual compatibility inputs are
+maintained as the product contract. Third-party material remains separately
+licensed; the orvui MIT license does not replace the terms below.
+
+The documentation hero uses the framework-neutral border-beam 1.4.1 generator,
+Copyright (c) 2026 Jakub Antalik, MIT licensed. Its license is retained at
+apps/docs/public/licenses/border-beam-MIT.txt.
+
+Paper Design GPU programs and @paper-design/shaders remain under PolyForm
+Shield 1.0.0. See src/motion/shader-background/LICENSE.paper-design in the
+package and /licenses/paper-design-PolyForm-Shield.txt in the documentation.
+
+Geist and Geist Mono come from installed Fontsource packages. Their SIL Open
+Font License texts are retained in the documentation licenses directory.
+Lucide icons retain their ISC license. Simple Icons brand assets come from
+@iconify-json/simple-icons 1.2.100 and retain CC0 1.0 Universal; see the
+adjacent LICENSE.simple-icons files and /licenses/simple-icons-CC0.txt.
+
+Demo photography is separate third-party material served by Unsplash and
+Lorem Picsum, under the provider's terms: https://unsplash.com/license .
+DiceBear Glass avatars are CC0: https://www.dicebear.com/styles/glass/ .
+Country flag images come from Flagpedia's documented CDN service:
+https://flagpedia.net/download/api . These media are not relicensed as orvui code.
+Consumer-level source records are in tools/catalog/media-provenance.json;
+the documentation serves a copy at /media-provenance.json.
+
+Synthetic club badges, terrain illustrations and demonstration copy authored
+in this implementation use the orvui MIT license. No institutional or sports
+team marks are bundled with the synthetic market-card example.

package/README.md

@@ -1,3 +1,51 @@
-# Temporary Holding Version
+# orvui
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Animated Vue 3.5 components with composable APIs, charts and copyable source.
+
+## Package installation
+
+```sh
+npm install @orvui/vue
+```
+
+```vue
+<script setup lang="ts">
+import { Button } from '@orvui/vue/motion/button'
+import '@orvui/vue/style.css'
+</script>
+
+<template>
+  <Button>Continue</Button>
+</template>
+```
+
+Import the stylesheet once in your application entrypoint. Components are also
+available from `@orvui/vue`, category exports, and component subpaths. Vue 3.5
+or later within the 3.x line is required. Package installation does not require
+Tailwind in your application.
+
+## Copy source with shadcn-vue
+
+Use an existing Vue project with Tailwind CSS 4 and a configured `components.json`:
+
+```sh
+pnpm dlx shadcn-vue@2.8.2 add https://orvui.efu.me/r/button.json
+```
+
+The CLI installs dependencies and copies the component, its shared resources
+and theme into `src/components/orvui/`. Import copied components from that
+directory and import `src/components/orvui/styles.css` once. The registry
+JSON snapshots included in this package are generated from the same source as
+the public registry. The public registry follows the documentation site's
+current release; the package's `registry/` directory is the versioned snapshot.
+
+Documentation: [orvui.efu.me](https://orvui.efu.me).
+
+## License
+
+Copyright (c) 2026 everfu. Licensed under MIT.
+
+Read `LICENSE` and `NOTICE` before redistributing source. Existing copyright
+attributions and third-party licenses remain applicable. In particular, the
+Paper Design shader implementation retains its separate PolyForm Shield
+license; the package's MIT license does not replace third-party terms.

package/dist/ActionSwapIcon-BWUn5TzV.js

@@ -0,0 +1,31 @@
+import { s as e } from "./composables-BJ1sih_H.js";
+import { n as t } from "./poses-BY_jc8mF.js";
+import { computed as n, createBlock as r, createElementBlock as i, createVNode as a, defineComponent as o, mergeProps as s, openBlock as c, renderSlot as l, unref as u, withCtx as d } from "vue";
+import { AnimatePresence as f, motion as p } from "motion-v";
+// src/motion/action-swap/src/ActionSwapIcon.vue?vue&type=script&setup=true&lang.ts
+var m = { class: "relative inline-grid shrink-0 place-items-center overflow-hidden" }, h = /* @__PURE__ */ o({
+	__name: "ActionSwapIcon",
+	props: {
+		value: {},
+		animation: { default: "blur" }
+	},
+	setup(o) {
+		let h = o, g = e(), _ = n(() => t(h.animation, "icon", g.value));
+		return (e, t) => (c(), i("span", m, [a(u(f), {
+			mode: "popLayout",
+			initial: !1
+		}, {
+			default: d(() => [(c(), r(u(p).span, s({
+				key: `${o.animation}-${o.value}`,
+				"aria-hidden": "true"
+			}, _.value, { class: "col-start-1 row-start-1 inline-flex items-center justify-center will-change-[opacity,filter,transform]" }), {
+				default: d(() => [l(e.$slots, "default")]),
+				_: 3
+			}, 16))]),
+			_: 3
+		})]));
+	}
+});
+export { h as t };
+
+//# sourceMappingURL=ActionSwapIcon-BWUn5TzV.js.map

package/dist/ActionSwapIcon-BWUn5TzV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionSwapIcon-BWUn5TzV.js","names":["_openBlock","_createElementBlock","_createVNode","_unref","_withCtx","_createBlock","_mergeProps","_renderSlot","_sfc_main","useReducedMotion","swapPose","_hoisted_1","ActionSwapIcon_default","defineComponent","props","__props","reduced","pose","computed","openBlock","createElementBlock","createVNode","unref","AnimatePresence","withCtx","createBlock","motion","mergeProps","renderSlot","_ctx"],"sources":["../src/motion/action-swap/src/ActionSwapIcon.vue","../src/motion/action-swap/src/ActionSwapIcon.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { swapPose } from \"./poses\";\nconst props = withDefaults(defineProps<{ value: string | number; animation?: \"cascade\" | \"blur\" | \"roll\" }>(), { animation: \"blur\" });\nconst reduced = useReducedMotion();\nconst pose = computed(() => swapPose(props.animation, \"icon\", reduced.value));\n</script>\n<template><span class=\"relative inline-grid shrink-0 place-items-center overflow-hidden\"><AnimatePresence mode=\"popLayout\" :initial=\"false\">\n  <motion.span :key=\"`${animation}-${value}`\" aria-hidden=\"true\" v-bind=\"pose\" class=\"col-start-1 row-start-1 inline-flex items-center justify-center will-change-[opacity,filter,transform]\"><slot /></motion.span>\n</AnimatePresence></span></template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { swapPose } from \"./poses\";\nconst props = withDefaults(defineProps<{ value: string | number; animation?: \"cascade\" | \"blur\" | \"roll\" }>(), { animation: \"blur\" });\nconst reduced = useReducedMotion();\nconst pose = computed(() => swapPose(props.animation, \"icon\", reduced.value));\n</script>\n<template><span class=\"relative inline-grid shrink-0 place-items-center overflow-hidden\"><AnimatePresence mode=\"popLayout\" :initial=\"false\">\n  <motion.span :key=\"`${animation}-${value}`\" aria-hidden=\"true\" v-bind=\"pose\" class=\"col-start-1 row-start-1 inline-flex items-center justify-center will-change-[opacity,filter,transform]\"><slot /></motion.span>\n</AnimatePresence></span></template>\n"],"mappings":";;;;;;;;;;;;EAKA,IAAMc,IAAQC,GACRC,IAAUP,EAAiB,GAC3BQ,IAAOC,QAAeR,EAASI,EAAM,WAAW,QAAQE,EAAQ,KAAK,CAAC;E,kBAElEhB,EAAA,GAAAC,EAEe,QAFfU,GAEe,CAFgET,EAEvEC,EAAAoB,CAAA,GAAA;GAFwF,MAAK;GAAa,SAAS;;GACnI,SAAAnB,QAAkN,EAAlNJ,EAAA,GAAAK,EAAkNF,EAAAuB,CAAA,CAAA,CAAA,MAAlNpB,EAAkN;IAApM,KAAG,GAAKS,EAAA,UAAS,GAAIA,EAAA;IAAS,eAAY;GAAe,GAAAE,EAAA,OAAI,EAAE,OAAM,yGAAwG,CAAA,GAAA;IAAC,SAAAb,QAAQ,CAARG,EAAQsB,EAAA,QAAA,SAAA,C"}

package/dist/ActionSwapText-GBQfNPxd.js

@@ -0,0 +1,78 @@
+import { s as e } from "./composables-BJ1sih_H.js";
+import { n as t, t as n } from "./poses-BY_jc8mF.js";
+import { Comment as r, Fragment as i, Text as a, computed as o, createBlock as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, isVNode as p, mergeProps as m, openBlock as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, useSlots as b, withCtx as x } from "vue";
+import { AnimatePresence as S, motion as C } from "motion-v";
+// src/motion/action-swap/src/ActionSwapText.vue?vue&type=script&setup=true&lang.ts
+var w = {
+	class: "relative -my-[0.08em] inline-block max-w-full whitespace-nowrap py-[0.08em] align-bottom",
+	style: {
+		"clip-path": "inset(0 -999px)",
+		"-webkit-clip-path": "inset(0 -999px)"
+	}
+}, T = {
+	"aria-hidden": "true",
+	class: "invisible inline-block whitespace-nowrap"
+}, E = { class: "sr-only" }, D = /* @__PURE__ */ f({
+	__name: "ActionSwapText",
+	props: {
+		value: {},
+		animation: { default: "blur" }
+	},
+	setup(f) {
+		let D = f, O = b(), k = e();
+		function A(e) {
+			let t = "";
+			for (let n of e) if (n.type !== r) {
+				if (n.type === a && typeof n.children == "string") t += n.children;
+				else if (n.type === i && Array.isArray(n.children)) {
+					if (!n.children.every(p)) return null;
+					let e = A(n.children);
+					if (e === null) return null;
+					t += e;
+				} else return null;
+			}
+			return t;
+		}
+		let j = o(() => (D.value, A(O.default?.() ?? []))), M = o(() => D.animation === "cascade" && j.value !== null && !k.value), N = o(() => t(D.animation, "text", k.value));
+		return (e, t) => (h(), c("span", w, [l("span", T, [M.value ? (h(!0), c(i, { key: 0 }, g(j.value?.split(""), (e, t) => (h(), c("span", {
+			key: t,
+			class: "inline-block whitespace-pre"
+		}, v(e), 1))), 128)) : _(e.$slots, "default", {}, void 0, void 0, 1)]), M.value ? (h(), c(i, { key: 0 }, [l("span", E, v(j.value), 1), d(y(S), { initial: !1 }, {
+			default: x(() => [(h(), s(y(C).span, {
+				key: `cascade-${f.value}`,
+				"aria-hidden": "true",
+				initial: "initial",
+				animate: "animate",
+				exit: "exit",
+				class: "absolute left-0 top-[0.08em] inline-block whitespace-pre"
+			}, {
+				default: x(() => [(h(!0), c(i, null, g(j.value?.split(""), (e, t) => (h(), s(y(C).span, {
+					key: t,
+					custom: t * .025,
+					variants: y(n),
+					initial: "initial",
+					animate: "animate",
+					exit: "exit",
+					class: "inline-block whitespace-pre will-change-[opacity,filter,transform]"
+				}, {
+					default: x(() => [u(v(e), 1)]),
+					_: 2
+				}, 1032, ["custom", "variants"]))), 128))]),
+				_: 1
+			}))]),
+			_: 1
+		})], 64)) : (h(), s(y(S), {
+			key: 1,
+			initial: !1
+		}, {
+			default: x(() => [(h(), s(y(C).span, m({ key: `${f.animation}-${f.value}` }, N.value, { class: "absolute left-0 top-[0.08em] inline-block max-w-full truncate will-change-[opacity,filter,transform]" }), {
+				default: x(() => [_(e.$slots, "default")]),
+				_: 3
+			}, 16))]),
+			_: 3
+		}))]));
+	}
+});
+export { D as t };
+
+//# sourceMappingURL=ActionSwapText-GBQfNPxd.js.map

package/dist/ActionSwapText-GBQfNPxd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionSwapText-GBQfNPxd.js","names":["_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","_toDisplayString","_renderSlot","_createVNode","_unref","_withCtx","_createBlock","_createTextVNode","_mergeProps","_sfc_main","useReducedMotion","swapPose","cascadePoses","_hoisted_1","_hoisted_2","_hoisted_3","ActionSwapText_default","defineComponent","props","__props","slots","useSlots","reduced","textContent","result","node","nodes","Comment","Text","Fragment","isVNode","nested","label","computed","cascade","pose","openBlock","createElementBlock","createElementVNode","renderList","index","toDisplayString","character","renderSlot","_ctx","createVNode","unref","AnimatePresence","withCtx","createBlock","motion","createTextVNode","mergeProps"],"sources":["../src/motion/action-swap/src/ActionSwapText.vue","../src/motion/action-swap/src/ActionSwapText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Comment, computed, Fragment, isVNode, Text, useSlots, type VNode } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { cascadePoses, swapPose } from \"./poses\";\nconst props = withDefaults(defineProps<{ value: string | number; animation?: \"cascade\" | \"blur\" | \"roll\" }>(), { animation: \"blur\" });\nconst slots = useSlots(), reduced = useReducedMotion();\nfunction textContent(nodes: VNode[]): string | null {\n  let result = \"\";\n  for (const node of nodes) {\n    if (node.type === Comment) continue;\n    if (node.type === Text && typeof node.children === \"string\") result += node.children;\n    else if (node.type === Fragment && Array.isArray(node.children)) {\n      if (!node.children.every(isVNode)) return null;\n      const nested = textContent(node.children as VNode[]);\n      if (nested === null) return null;\n      result += nested;\n    } else return null;\n  }\n  return result;\n}\nconst label = computed(() => { void props.value; return textContent(slots.default?.() ?? []); });\nconst cascade = computed(() => props.animation === \"cascade\" && label.value !== null && !reduced.value);\nconst pose = computed(() => swapPose(props.animation, \"text\", reduced.value));\n</script>\n<template>\n  <span class=\"relative -my-[0.08em] inline-block max-w-full whitespace-nowrap py-[0.08em] align-bottom\" style=\"clip-path: inset(0 -999px); -webkit-clip-path: inset(0 -999px)\">\n    <span aria-hidden=\"true\" class=\"invisible inline-block whitespace-nowrap\"><template v-if=\"cascade\"><span v-for=\"(character, index) in label?.split('')\" :key=\"index\" class=\"inline-block whitespace-pre\">{{ character }}</span></template><slot v-else /></span>\n    <template v-if=\"cascade\"><span class=\"sr-only\">{{ label }}</span><AnimatePresence :initial=\"false\">\n      <motion.span :key=\"`cascade-${value}`\" aria-hidden=\"true\" initial=\"initial\" animate=\"animate\" exit=\"exit\" class=\"absolute left-0 top-[0.08em] inline-block whitespace-pre\">\n        <motion.span v-for=\"(character, index) in label?.split('')\" :key=\"index\" :custom=\"index * 0.025\" :variants=\"cascadePoses\" initial=\"initial\" animate=\"animate\" exit=\"exit\" class=\"inline-block whitespace-pre will-change-[opacity,filter,transform]\">{{ character }}</motion.span>\n      </motion.span>\n    </AnimatePresence></template>\n    <AnimatePresence v-else :initial=\"false\"><motion.span :key=\"`${animation}-${value}`\" v-bind=\"pose\" class=\"absolute left-0 top-[0.08em] inline-block max-w-full truncate will-change-[opacity,filter,transform]\"><slot /></motion.span></AnimatePresence>\n  </span>\n</template>\n","<script setup lang=\"ts\">\nimport { Comment, computed, Fragment, isVNode, Text, useSlots, type VNode } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { cascadePoses, swapPose } from \"./poses\";\nconst props = withDefaults(defineProps<{ value: string | number; animation?: \"cascade\" | \"blur\" | \"roll\" }>(), { animation: \"blur\" });\nconst slots = useSlots(), reduced = useReducedMotion();\nfunction textContent(nodes: VNode[]): string | null {\n  let result = \"\";\n  for (const node of nodes) {\n    if (node.type === Comment) continue;\n    if (node.type === Text && typeof node.children === \"string\") result += node.children;\n    else if (node.type === Fragment && Array.isArray(node.children)) {\n      if (!node.children.every(isVNode)) return null;\n      const nested = textContent(node.children as VNode[]);\n      if (nested === null) return null;\n      result += nested;\n    } else return null;\n  }\n  return result;\n}\nconst label = computed(() => { void props.value; return textContent(slots.default?.() ?? []); });\nconst cascade = computed(() => props.animation === \"cascade\" && label.value !== null && !reduced.value);\nconst pose = computed(() => swapPose(props.animation, \"text\", reduced.value));\n</script>\n<template>\n  <span class=\"relative -my-[0.08em] inline-block max-w-full whitespace-nowrap py-[0.08em] align-bottom\" style=\"clip-path: inset(0 -999px); -webkit-clip-path: inset(0 -999px)\">\n    <span aria-hidden=\"true\" class=\"invisible inline-block whitespace-nowrap\"><template v-if=\"cascade\"><span v-for=\"(character, index) in label?.split('')\" :key=\"index\" class=\"inline-block whitespace-pre\">{{ character }}</span></template><slot v-else /></span>\n    <template v-if=\"cascade\"><span class=\"sr-only\">{{ label }}</span><AnimatePresence :initial=\"false\">\n      <motion.span :key=\"`cascade-${value}`\" aria-hidden=\"true\" initial=\"initial\" animate=\"animate\" exit=\"exit\" class=\"absolute left-0 top-[0.08em] inline-block whitespace-pre\">\n        <motion.span v-for=\"(character, index) in label?.split('')\" :key=\"index\" :custom=\"index * 0.025\" :variants=\"cascadePoses\" initial=\"initial\" animate=\"animate\" exit=\"exit\" class=\"inline-block whitespace-pre will-change-[opacity,filter,transform]\">{{ character }}</motion.span>\n      </motion.span>\n    </AnimatePresence></template>\n    <AnimatePresence v-else :initial=\"false\"><motion.span :key=\"`${animation}-${value}`\" v-bind=\"pose\" class=\"absolute left-0 top-[0.08em] inline-block max-w-full truncate will-change-[opacity,filter,transform]\"><slot /></motion.span></AnimatePresence>\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAKA,IAAMsB,IAAQC,GACRC,IAAQC,EAAS,GAAGC,IAAUZ,EAAiB;EACrD,SAASa,EAAY,GAA+B;GAClD,IAAIC,IAAS;GACb,KAAK,IAAMC,KAAQC,GACjB,IAAID,EAAK,SAASE,GAClB;QAAIF,EAAK,SAASG,KAAQ,OAAOH,EAAK,YAAa,UAAU,KAAUA,EAAK;SACvE,IAAIA,EAAK,SAASI,KAAY,MAAM,QAAQJ,EAAK,QAAQ,GAAG;KAC/D,IAAI,CAACA,EAAK,SAAS,MAAMK,CAAO,GAAG,OAAO;KAC1C,IAAMC,IAASR,EAAYE,EAAK,QAAmB;KACnD,IAAIM,MAAW,MAAM,OAAO;KAC5B,KAAUA;IACZ,OAAO,OAAO;GAAA;GAEhB,OAAOP;EACT;EACA,IAAMQ,IAAQC,SAAiBf,EAAW,OAAcK,EAAYH,EAAM,UAAU,KAAK,CAAC,CAAC,EAAI,GACzFc,IAAUD,QAAef,EAAM,cAAc,aAAac,EAAM,UAAU,QAAQ,CAACV,EAAQ,KAAK,GAChGa,IAAOF,QAAetB,EAASO,EAAM,WAAW,QAAQI,EAAQ,KAAK,CAAC;E,kBAG1E1B,EAAA,GAAAC,EAQO,QARPgB,GAQO,CAPLf,EAAgQ,QAAhQgB,GAAgQ,CAAtKoB,EAAA,SAAStC,EAAA,EAAA,GAAAC,EAA4HE,GAAA,EAAA,KAAA,EAAA,GAAAC,EAAzFgC,EAAA,OAAO,MAAK,EAAA,IAAjC,GAAW,OAAzBpC,EAAA,GAAAC,EAA4H,QAAA;GAAtE,KAAK2C;GAAO,OAAM;EAAiC,GAAAvC,EAAAyC,CAAS,GAAA,CAAA,E,WAAqBxC,EAAe0C,EAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,C,IACzOV,EAAA,SAAhBtC,EAAA,GAAAC,EAI6BE,GAAA,EAAA,KAAA,EAAA,GAAA,CAJJD,EAAwC,QAAxCiB,GAAwCd,EAAf+B,EAAA,KAAK,GAAA,CAAA,GAAU7B,EAI/CC,EAAA2C,CAAA,GAAA,EAJiE,SAAS,GAAK,GAAA;GAC/F,SAAA1C,QAEc,EAFdT,EAAA,GAAAU,EAEcF,EAAA8C,CAAA,CAAA,CAAA,MAAA;IAFA,KAAG,WAAa/B,EAAA;IAAS,eAAY;IAAO,SAAQ;IAAU,SAAQ;IAAU,MAAK;IAAO,OAAM;;IACjG,SAAAd,QAA8C,EAA3DT,EAAA,EAAA,GAAAC,EAAkRE,GAAA,MAAAC,EAAxOgC,EAAA,OAAO,MAAK,EAAA,IAAjC,GAAW,OAAhCpC,EAAA,GAAAU,EAAkRF,EAAA8C,CAAA,CAAA,CAAA,MAAA;KAArN,KAAKV;KAAQ,QAAQA,IAAK;KAAW,UAAUpC,EAAAQ,CAAA;KAAc,SAAQ;KAAU,SAAQ;KAAU,MAAK;KAAO,OAAM;;KAAqE,SAAAP,QAAe,CAAZE,EAAAN,EAAAyC,CAAS,GAAA,CAAA,C;;;;;;E,aAGrQ9C,EAAA,GAAAU,EAAwPF,EAAA2C,CAAA,GAAA;;GAA/N,SAAS;;GAAO,SAAA1C,QAA6L,EAA7LT,EAAA,GAAAU,EAA6LF,EAAA8C,CAAA,CAAA,CAAA,MAA7L1C,EAA6L,EAA/K,KAAG,GAAKW,EAAA,UAAS,GAAIA,EAAA,QAAiB,GAAAgB,EAAA,OAAI,EAAE,OAAM,uGAAsG,CAAA,GAAA;IAAC,SAAA9B,QAAQ,CAARH,EAAQ0C,EAAA,QAAA,SAAA,C"}

package/dist/AgentCode-DaATZ4-i.js

@@ -0,0 +1,115 @@
+import { t as e } from "./utils-DIrLOK2M.js";
+import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, onBeforeUnmount as d, onMounted as f, openBlock as p, renderList as m, shallowRef as h, toDisplayString as g, toValue as _, unref as v, watch as y } from "vue";
+// src/agents/code-block/src/AgentCodeLine.vue
+var b = /* @__PURE__ */ c({
+	__name: "AgentCodeLine",
+	props: {
+		code: {},
+		tokens: {}
+	},
+	setup(e) {
+		return (n, r) => (p(), i("span", null, [e.tokens ? (p(!0), i(t, { key: 0 }, m(e.tokens, (e, t) => (p(), i("span", {
+			key: `${e.offset}-${t}`,
+			class: "text-[var(--agent-code-light)] dark:text-[var(--agent-code-dark)]",
+			style: u({
+				"--agent-code-light": e.light || "currentColor",
+				"--agent-code-dark": e.dark || e.light || "currentColor"
+			})
+		}, g(e.content), 5))), 128)) : (p(), i(t, { key: 1 }, [o(g(e.code), 1)], 64))]));
+	}
+}), x = /* @__PURE__ */ new Map(), S, C = () => S ??= import("shiki").then((e) => e.createHighlighter({
+	themes: ["github-light-high-contrast", "github-dark-high-contrast"],
+	langs: [
+		"bash",
+		"diff",
+		"json",
+		"tsx",
+		"typescript",
+		"javascript",
+		"vue",
+		"css",
+		"html"
+	]
+}));
+function w(e, t) {
+	let r = h(), i = !1, a = 0;
+	async function o() {
+		let n = ++a;
+		if (!i) return;
+		let o = _(e), s = _(t), c = JSON.stringify([s, o]);
+		try {
+			let e = x.get(c);
+			if (!e) {
+				let t = await C();
+				if (!i || n !== a) return;
+				e = t.codeToTokensWithThemes(o, {
+					lang: s,
+					themes: {
+						light: "github-light-high-contrast",
+						dark: "github-dark-high-contrast"
+					}
+				}).map((e) => e.map((e) => ({
+					content: e.content,
+					offset: e.offset,
+					light: e.variants.light?.color,
+					dark: e.variants.dark?.color
+				}))), x.size >= 48 && x.delete(x.keys().next().value), x.set(c, e);
+			}
+			i && n === a && (r.value = {
+				code: o,
+				language: s,
+				lines: e
+			});
+		} catch {
+			i && n === a && (r.value = void 0);
+		}
+	}
+	return y([() => _(e), () => _(t)], o), f(() => {
+		i = !0, o();
+	}), d(() => {
+		i = !1, a++;
+	}), n(() => {
+		let n = r.value;
+		return n?.language === _(t) && _(e).startsWith(n.code) ? n.lines : null;
+	});
+}
+// src/agents/code-block/src/AgentCode.vue?vue&type=script&setup=true&lang.ts
+var T = {
+	key: 0,
+	"aria-hidden": "true",
+	class: "inline-block w-11 select-none pr-3 text-right tabular-nums text-muted-foreground/55"
+}, E = /* @__PURE__ */ c({
+	__name: "AgentCode",
+	props: {
+		code: {},
+		language: { default: "bash" },
+		showLineNumbers: {
+			type: Boolean,
+			default: !1
+		},
+		highlightLines: { default: () => [] },
+		wrap: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(c) {
+		let u = c, d = n(() => u.code.split("\n")), f = w(() => u.code, () => u.language);
+		return (n, u) => (p(), i("pre", { class: l(v(e)("m-0 overflow-x-auto whitespace-pre font-mono text-xs leading-5 text-foreground/85", c.wrap && "whitespace-pre-wrap break-words")) }, [a("code", null, [(p(!0), i(t, null, m(d.value, (e, n) => (p(), i(t, { key: n }, [
+			c.showLineNumbers ? (p(), i("span", T, g(n + 1), 1)) : r("", !0),
+			s(b, {
+				code: e,
+				tokens: v(f)?.[n],
+				class: l(c.highlightLines.includes(n + 1) ? "bg-blue-500/[0.07]" : void 0)
+			}, null, 8, [
+				"code",
+				"tokens",
+				"class"
+			]),
+			o(g(n + 1 < d.value.length ? "\n" : ""), 1)
+		], 64))), 128))])], 2));
+	}
+});
+export { w as n, b as r, E as t };
+
+//# sourceMappingURL=AgentCode-DaATZ4-i.js.map

package/dist/AgentCode-DaATZ4-i.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentCode-DaATZ4-i.js","names":["_openBlock","_createElementBlock","_Fragment","_renderList","_normalizeStyle","_toDisplayString","_createTextVNode","_sfc_main","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_Fragment","_renderList","_toDisplayString","_createCommentVNode","_createVNode","AgentCodeLine","_createTextVNode","_sfc_main","cn","AgentCodeLine_default","defineComponent","openBlock","createElementBlock","__props","Fragment","renderList","token","index","normalizeStyle","toDisplayString","createTextVNode","results","engine","obtainEngine","module","useAgentCodeTokens","snapshot","shallowRef","active","request","refresh","revision","text","toValue","code","grammar","language","key","lines","highlighter","line","watch","onMounted","onBeforeUnmount","computed","current","_hoisted_1","AgentCode_default","props","content","tokens","normalizeClass","unref","createElementVNode","createCommentVNode","createVNode"],"sources":["../src/agents/code-block/src/AgentCodeLine.vue","../src/agents/code-block/src/AgentCodeLine.vue","../src/agents/code-block/src/tokens.ts","../src/agents/code-block/src/AgentCode.vue","../src/agents/code-block/src/AgentCode.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { AgentCodeToken } from \"./tokens\";\ndefineProps<{ code: string; tokens?: AgentCodeToken[] }>();\n</script>\n<template>\n  <span\n    ><template v-if=\"tokens\"\n      ><span\n        v-for=\"(token, index) in tokens\"\n        :key=\"`${token.offset}-${index}`\"\n        class=\"text-[var(--agent-code-light)] dark:text-[var(--agent-code-dark)]\"\n        :style=\"{\n          '--agent-code-light': token.light || 'currentColor',\n          '--agent-code-dark': token.dark || token.light || 'currentColor',\n        }\"\n        >{{ token.content }}</span\n      ></template\n    ><template v-else>{{ code }}</template></span\n  >\n</template>\n","<script setup lang=\"ts\">\nimport type { AgentCodeToken } from \"./tokens\";\ndefineProps<{ code: string; tokens?: AgentCodeToken[] }>();\n</script>\n<template>\n  <span\n    ><template v-if=\"tokens\"\n      ><span\n        v-for=\"(token, index) in tokens\"\n        :key=\"`${token.offset}-${index}`\"\n        class=\"text-[var(--agent-code-light)] dark:text-[var(--agent-code-dark)]\"\n        :style=\"{\n          '--agent-code-light': token.light || 'currentColor',\n          '--agent-code-dark': token.dark || token.light || 'currentColor',\n        }\"\n        >{{ token.content }}</span\n      ></template\n    ><template v-else>{{ code }}</template></span\n  >\n</template>\n","import {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  shallowRef,\n  toValue,\n  watch,\n  type MaybeRefOrGetter,\n} from \"vue\";\nimport type { Highlighter } from \"shiki\";\nimport type { AgentCodeLanguage } from \"./AgentCode.vue\";\nexport interface AgentCodeToken {\n  content: string;\n  offset: number;\n  light?: string;\n  dark?: string;\n}\nexport type AgentCodeTokenLines = AgentCodeToken[][];\nconst results = new Map<string, AgentCodeTokenLines>();\nlet engine: Promise<Highlighter> | undefined;\nconst obtainEngine = () =>\n  (engine ??= import(\"shiki\").then((module) =>\n    module.createHighlighter({\n      themes: [\"github-light-high-contrast\", \"github-dark-high-contrast\"],\n      langs: [\n        \"bash\",\n        \"diff\",\n        \"json\",\n        \"tsx\",\n        \"typescript\",\n        \"javascript\",\n        \"vue\",\n        \"css\",\n        \"html\",\n      ],\n    }),\n  ));\nexport function useAgentCodeTokens(\n  code: MaybeRefOrGetter<string>,\n  language: MaybeRefOrGetter<AgentCodeLanguage>,\n) {\n  const snapshot = shallowRef<{\n    code: string;\n    language: AgentCodeLanguage;\n    lines: AgentCodeTokenLines;\n  }>();\n  let active = false,\n    request = 0;\n  async function refresh() {\n    const revision = ++request;\n    if (!active) return;\n    const text = toValue(code),\n      grammar = toValue(language),\n      key = JSON.stringify([grammar, text]);\n    try {\n      let lines = results.get(key);\n      if (!lines) {\n        const highlighter = await obtainEngine();\n        if (!active || revision !== request) return;\n        lines = highlighter\n          .codeToTokensWithThemes(text, {\n            lang: grammar,\n            themes: {\n              light: \"github-light-high-contrast\",\n              dark: \"github-dark-high-contrast\",\n            },\n          })\n          .map((line) =>\n            line.map((token) => ({\n              content: token.content,\n              offset: token.offset,\n              light: token.variants.light?.color,\n              dark: token.variants.dark?.color,\n            })),\n          );\n        // Bound the shared memo so long-running streaming sessions can release old text.\n        if (results.size >= 48) results.delete(results.keys().next().value!);\n        results.set(key, lines);\n      }\n      if (active && revision === request)\n        snapshot.value = { code: text, language: grammar, lines };\n    } catch {\n      if (active && revision === request) snapshot.value = undefined;\n    }\n  }\n  watch([() => toValue(code), () => toValue(language)], refresh);\n  onMounted(() => {\n    active = true;\n    refresh();\n  });\n  onBeforeUnmount(() => {\n    active = false;\n    request++;\n  });\n  return computed(() => {\n    const current = snapshot.value;\n    return current?.language === toValue(language) &&\n      toValue(code).startsWith(current.code)\n      ? current.lines\n      : null;\n  });\n}\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\nimport AgentCodeLine from \"./AgentCodeLine.vue\";\nimport { useAgentCodeTokens } from \"./tokens\";\nexport type AgentCodeLanguage =\n  | \"bash\"\n  | \"diff\"\n  | \"json\"\n  | \"text\"\n  | \"tsx\"\n  | \"typescript\"\n  | \"javascript\"\n  | \"vue\"\n  | \"css\"\n  | \"html\";\nconst props = withDefaults(\n  defineProps<{\n    code: string;\n    language?: AgentCodeLanguage;\n    showLineNumbers?: boolean;\n    highlightLines?: number[];\n    wrap?: boolean;\n  }>(),\n  {\n    language: \"bash\",\n    showLineNumbers: false,\n    highlightLines: () => [],\n    wrap: false,\n  },\n);\nconst content = computed(() => props.code.split(\"\\n\"));\nconst tokens = useAgentCodeTokens(\n  () => props.code,\n  () => props.language,\n);\n</script>\n<template>\n  <pre\n    :class=\"\n      cn(\n        'm-0 overflow-x-auto whitespace-pre font-mono text-xs leading-5 text-foreground/85',\n        wrap && 'whitespace-pre-wrap break-words',\n      )\n    \"\n  ><code><template v-for=\"(line, index) in content\" :key=\"index\"><span v-if=\"showLineNumbers\" aria-hidden=\"true\" class=\"inline-block w-11 select-none pr-3 text-right tabular-nums text-muted-foreground/55\">{{ index + 1 }}</span><AgentCodeLine :code=\"line\" :tokens=\"tokens?.[index]\" :class=\"highlightLines.includes(index + 1) ? 'bg-blue-500/[0.07]' : undefined\" />{{ index + 1 < content.length ? '\\n' : '' }}</template></code></pre>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\nimport AgentCodeLine from \"./AgentCodeLine.vue\";\nimport { useAgentCodeTokens } from \"./tokens\";\nexport type AgentCodeLanguage =\n  | \"bash\"\n  | \"diff\"\n  | \"json\"\n  | \"text\"\n  | \"tsx\"\n  | \"typescript\"\n  | \"javascript\"\n  | \"vue\"\n  | \"css\"\n  | \"html\";\nconst props = withDefaults(\n  defineProps<{\n    code: string;\n    language?: AgentCodeLanguage;\n    showLineNumbers?: boolean;\n    highlightLines?: number[];\n    wrap?: boolean;\n  }>(),\n  {\n    language: \"bash\",\n    showLineNumbers: false,\n    highlightLines: () => [],\n    wrap: false,\n  },\n);\nconst content = computed(() => props.code.split(\"\\n\"));\nconst tokens = useAgentCodeTokens(\n  () => props.code,\n  () => props.language,\n);\n</script>\n<template>\n  <pre\n    :class=\"\n      cn(\n        'm-0 overflow-x-auto whitespace-pre font-mono text-xs leading-5 text-foreground/85',\n        wrap && 'whitespace-pre-wrap break-words',\n      )\n    \"\n  ><code><template v-for=\"(line, index) in content\" :key=\"index\"><span v-if=\"showLineNumbers\" aria-hidden=\"true\" class=\"inline-block w-11 select-none pr-3 text-right tabular-nums text-muted-foreground/55\">{{ index + 1 }}</span><AgentCodeLine :code=\"line\" :tokens=\"tokens?.[index]\" :class=\"highlightLines.includes(index + 1) ? 'bg-blue-500/[0.07]' : undefined\" />{{ index + 1 < content.length ? '\\n' : '' }}</template></code></pre>\n</template>\n"],"mappings":"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"}

package/dist/AgentDisclosure-BaLK1NwF.js

@@ -0,0 +1,55 @@
+import { r as e } from "./ease-rIvCM4O3.js";
+import { a as t } from "./shared-DAEawhBJ.js";
+import { computed as n, createBlock as r, createElementBlock as i, defineComponent as a, normalizeStyle as o, openBlock as s, renderSlot as c, unref as l, withCtx as u } from "vue";
+import { motion as d } from "motion-v";
+// src/agents/AgentDisclosure.vue
+var f = /* @__PURE__ */ a({
+	__name: "AgentDisclosure",
+	props: {
+		open: { type: Boolean },
+		maxHeight: {},
+		openHeight: { default: "auto" }
+	},
+	setup(a) {
+		let f = a, p = t(), m = n(() => f.open ? typeof f.openHeight == "number" ? `${f.openHeight}px` : f.openHeight : "0px"), h = n(() => {
+			let e = Number(f.open);
+			return p.value ? { opacity: e } : {
+				opacity: e,
+				y: f.open ? 0 : -4,
+				clipPath: `inset(0 0 ${f.open ? 0 : 100}% 0)`
+			};
+		});
+		return (t, n) => (s(), r(l(d).div, {
+			class: "overflow-hidden",
+			initial: !1,
+			animate: h.value,
+			"aria-hidden": !a.open,
+			inert: !a.open || void 0,
+			transition: {
+				ease: l(e),
+				duration: l(p) ? 0 : a.open ? .22 : .14
+			},
+			style: o({
+				height: m.value,
+				pointerEvents: a.open ? void 0 : "none",
+				transformOrigin: "top"
+			})
+		}, {
+			default: u(() => [a.maxHeight ? (s(), i("div", {
+				key: 0,
+				class: "overflow-auto",
+				style: o({ maxHeight: `${a.maxHeight}px` })
+			}, [c(t.$slots, "default")], 4)) : c(t.$slots, "default", {}, void 0, void 0, 1)]),
+			_: 3
+		}, 8, [
+			"animate",
+			"aria-hidden",
+			"inert",
+			"transition",
+			"style"
+		]));
+	}
+});
+export { f as t };
+
+//# sourceMappingURL=AgentDisclosure-BaLK1NwF.js.map

package/dist/AgentDisclosure-BaLK1NwF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentDisclosure-BaLK1NwF.js","names":["_openBlock","_createBlock","_unref","_normalizeStyle","_withCtx","_createElementBlock","_renderSlot","_sfc_main","EASE_OUT","useReduced","AgentDisclosure_default","defineComponent","props","__props","reduce","height","computed","animation","opacity","openBlock","createBlock","unref","motion","normalizeStyle","withCtx","createElementBlock","renderSlot","_ctx"],"sources":["../src/agents/AgentDisclosure.vue","../src/agents/AgentDisclosure.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { EASE_OUT } from \"../lib/ease\";\nimport { useReduced } from \"./shared\";\nconst props = withDefaults(\n  defineProps<{\n    open: boolean;\n    maxHeight?: number;\n    openHeight?: string | number;\n  }>(),\n  { openHeight: \"auto\" },\n);\nconst reduce = useReduced();\nconst height = computed(() =>\n  !props.open\n    ? \"0px\"\n    : typeof props.openHeight === \"number\"\n      ? `${props.openHeight}px`\n      : props.openHeight,\n);\nconst animation = computed(() => {\n  const opacity = Number(props.open);\n  if (reduce.value) return { opacity };\n  return {\n    opacity,\n    y: props.open ? 0 : -4,\n    clipPath: `inset(0 0 ${props.open ? 0 : 100}% 0)`,\n  };\n});\n</script>\n<template>\n  <motion.div\n    class=\"overflow-hidden\"\n    :initial=\"false\"\n    :animate=\"animation\"\n    :aria-hidden=\"!open\"\n    :inert=\"!open || undefined\"\n    :transition=\"{ ease: EASE_OUT, duration: reduce ? 0 : open ? 0.22 : 0.14 }\"\n    :style=\"{\n      height,\n      pointerEvents: open ? undefined : 'none',\n      transformOrigin: 'top',\n    }\"\n  >\n    <div\n      v-if=\"maxHeight\"\n      class=\"overflow-auto\"\n      :style=\"{ maxHeight: `${maxHeight}px` }\"\n    >\n      <slot />\n    </div>\n    <slot v-else />\n  </motion.div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { EASE_OUT } from \"../lib/ease\";\nimport { useReduced } from \"./shared\";\nconst props = withDefaults(\n  defineProps<{\n    open: boolean;\n    maxHeight?: number;\n    openHeight?: string | number;\n  }>(),\n  { openHeight: \"auto\" },\n);\nconst reduce = useReduced();\nconst height = computed(() =>\n  !props.open\n    ? \"0px\"\n    : typeof props.openHeight === \"number\"\n      ? `${props.openHeight}px`\n      : props.openHeight,\n);\nconst animation = computed(() => {\n  const opacity = Number(props.open);\n  if (reduce.value) return { opacity };\n  return {\n    opacity,\n    y: props.open ? 0 : -4,\n    clipPath: `inset(0 0 ${props.open ? 0 : 100}% 0)`,\n  };\n});\n</script>\n<template>\n  <motion.div\n    class=\"overflow-hidden\"\n    :initial=\"false\"\n    :animate=\"animation\"\n    :aria-hidden=\"!open\"\n    :inert=\"!open || undefined\"\n    :transition=\"{ ease: EASE_OUT, duration: reduce ? 0 : open ? 0.22 : 0.14 }\"\n    :style=\"{\n      height,\n      pointerEvents: open ? undefined : 'none',\n      transformOrigin: 'top',\n    }\"\n  >\n    <div\n      v-if=\"maxHeight\"\n      class=\"overflow-auto\"\n      :style=\"{ maxHeight: `${maxHeight}px` }\"\n    >\n      <slot />\n    </div>\n    <slot v-else />\n  </motion.div>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAKA,IAAMY,IAAQC,GAQRC,IAASL,EAAW,GACpBM,IAASC,QACZJ,EAAM,OAEH,OAAOA,EAAM,cAAe,WAC1B,GAAGA,EAAM,WAAW,MACpBA,EAAM,aAHR,KAIN,GACMK,IAAYD,QAAe;GAC/B,IAAME,IAAU,OAAON,EAAM,IAAI;GAEjC,OADIE,EAAO,QAAc,EAAE,WAAQ,IAC5B;IACL;IACA,GAAGF,EAAM,OAAO,IAAI;IACpB,UAAU,aAAaA,EAAM,OAAO,IAAI,IAAI;GAC9C;EACF,CAAC;E,kBAGCZ,EAAA,GAAAC,EAqBaC,EAAAoB,CAAA,CAAA,CAAA,KAAA;GApBX,OAAM;GACL,SAAS;GACT,SAASL,EAAA;GACT,eAAW,CAAGJ,EAAA;GACd,OAAK,CAAGA,EAAA,QAAQ,KAAA;GAChB,YAAU;IAAA,MAAUX,EAAAM,CAAA;IAAQ,UAAYN,EAAAY,CAAA,IAAM,IAAOD,EAAA,OAAI,MAAA;GAAA;GACzD,OAAKV,EAAA;IAAU,QAAAY,EAAA;IAA6B,eAAAF,EAAA,OAAO,KAAA,IAAS;;;;GAM7D,SAAAT,QAMM,CALES,EAAA,aADRb,EAAA,GAAAK,EAMM,OAAA;;IAJJ,OAAM;IACL,OAAKF,EAAA,EAAA,WAAA,GAAkBU,EAAA,UAAS,IAAA,CAAA;G,IAEjCP,EAAQqB,EAAA,QAAA,SAAA,C,SAEVrB,EAAeqB,EAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,C"}

package/dist/ChartTooltip-BY8iAlEo.js

@@ -0,0 +1,154 @@
+import { s as e, t } from "./composables-BJ1sih_H.js";
+import { c as n } from "./ease-rIvCM4O3.js";
+import { createBlock as r, createCommentVNode as i, defineComponent as a, nextTick as o, onBeforeUnmount as s, onMounted as c, openBlock as l, ref as u, renderSlot as d, unref as f, watch as p, withCtx as m } from "vue";
+import { AnimatePresence as h, motion as g } from "motion-v";
+import { autoUpdate as _, computePosition as v, flip as y, offset as b, shift as x } from "@floating-ui/dom";
+// src/charts/ChartTooltip.vue
+var S = /* @__PURE__ */ a({
+	__name: "ChartTooltip",
+	props: {
+		open: { type: Boolean },
+		anchor: {},
+		id: {},
+		point: { default: () => ({
+			x: .5,
+			y: .5
+		}) },
+		side: { default: "top" },
+		followCursor: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:open"],
+	setup(a, { emit: S }) {
+		let C = a, w = S, T = u(null), E = u({
+			x: 0,
+			y: 0
+		}), D = u(!1), O = e(), k = u(!1), A = 0, j, M;
+		function N() {
+			return t(T.value);
+		}
+		function P(e) {
+			return {
+				contextElement: e,
+				getBoundingClientRect() {
+					let t = e.getBoundingClientRect(), n = C.followCursor && j ? j.x : t.left + t.width * C.point.x, r = C.followCursor && j ? j.y : t.top + t.height * C.point.y;
+					return {
+						x: n,
+						y: r,
+						left: n,
+						right: n,
+						top: r,
+						bottom: r,
+						width: 0,
+						height: 0,
+						toJSON: () => ({})
+					};
+				}
+			};
+		}
+		async function F() {
+			let e = N(), t = C.anchor, n = A;
+			if (!k.value || !C.open || !e || !t) return;
+			let r = await v(P(t), e, {
+				placement: C.side,
+				strategy: "fixed",
+				middleware: [
+					b(10),
+					y(),
+					x({ padding: 8 })
+				]
+			});
+			n === A && k.value && C.open && N() === e && (E.value = {
+				x: r.x,
+				y: r.y
+			}, D.value = !0);
+		}
+		p([
+			k,
+			() => C.open,
+			() => C.anchor,
+			T
+		], async (e, t, n) => {
+			let r = ++A;
+			if (M?.(), M = void 0, D.value = !1, n(() => {
+				A++, M?.(), M = void 0;
+			}), !k.value || !C.open || !C.anchor) return;
+			await o();
+			let i = N();
+			r === A && i && C.anchor && (M = _(C.anchor, i, () => {
+				F();
+			}));
+		}, { flush: "post" }), p(() => [
+			C.point.x,
+			C.point.y,
+			C.side,
+			C.followCursor
+		], () => {
+			F();
+		}), p([k, () => C.anchor], ([e, t], n, r) => {
+			if (j = void 0, !e || !t) return;
+			let i = (e) => {
+				e.pointerType !== "touch" && (j = {
+					x: e.clientX,
+					y: e.clientY
+				}, C.open && F());
+			}, a = () => {
+				j = void 0;
+			};
+			t.addEventListener("pointermove", i), t.addEventListener("pointerleave", a), r(() => {
+				t.removeEventListener("pointermove", i), t.removeEventListener("pointerleave", a);
+			});
+		}, { flush: "post" });
+		function I(e) {
+			C.open && e.target instanceof Node && !C.anchor?.contains(e.target) && !N()?.contains(e.target) && w("update:open", !1);
+		}
+		function L(e) {
+			C.open && e.key === "Escape" && w("update:open", !1);
+		}
+		return c(() => {
+			k.value = !0, document.addEventListener("pointerdown", I), document.addEventListener("keydown", L);
+		}), s(() => {
+			k.value = !1, A++, M?.(), document.removeEventListener("pointerdown", I), document.removeEventListener("keydown", L);
+		}), (e, t) => (l(), r(f(h), null, {
+			default: m(() => [a.open ? (l(), r(f(g).div, {
+				key: 0,
+				id: a.id,
+				ref_key: "popup",
+				ref: T,
+				role: "tooltip",
+				class: "pointer-events-none fixed top-0 left-0 z-50 max-w-64 rounded-xl border border-border bg-popover px-3 py-2 text-xs text-popover-foreground shadow-lg",
+				initial: {
+					opacity: 0,
+					scale: .96
+				},
+				animate: {
+					opacity: +!!D.value,
+					scale: 1,
+					x: E.value.x,
+					y: E.value.y
+				},
+				exit: {
+					opacity: 0,
+					scale: .96
+				},
+				transition: f(O) ? { duration: 0 } : {
+					...f(n),
+					opacity: { duration: .12 }
+				}
+			}, {
+				default: m(() => [d(e.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"id",
+				"animate",
+				"transition"
+			])) : i("", !0)]),
+			_: 3
+		}));
+	}
+});
+export { S as t };
+
+//# sourceMappingURL=ChartTooltip-BY8iAlEo.js.map