@orvui/vue 0.0.0-stage → 0.1.0

package/dist/candlestick-chart-tyW2V3M4.js

@@ -0,0 +1,355 @@
+import { s as e } from "./composables-BJ1sih_H.js";
+import { o as t, r as n } from "./ease-rIvCM4O3.js";
+import { c as r, i, n as a, r as o, t as s } from "./shared-BY_cwEzO.js";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineComponent as h, normalizeClass as g, normalizeStyle as _, openBlock as v, provide as y, reactive as b, ref as x, renderList as S, renderSlot as C, toDisplayString as w, unref as T, withCtx as E } from "vue";
+import { motion as D } from "motion-v";
+// src/charts/candlestick-chart/src/context.ts
+function O(t, n) {
+	let r = s(() => t.activeId, t.defaultActiveId ?? null, l(() => t.candles.map((e) => e.id)), (e) => {
+		n("update:activeId", e), n("activeIdChange", e);
+	}), a = l(() => {
+		let e = Infinity, n = -Infinity, r = 1;
+		for (let i of t.candles) e = Math.min(e, i.low), n = Math.max(n, i.high), r = Math.max(r, i.volume);
+		t.lastPrice !== void 0 && (e = Math.min(e, t.lastPrice), n = Math.max(n, t.lastPrice)), !t.candles.length && t.lastPrice === void 0 && (e = 0, n = 1);
+		let i = Math.max((n - e) * .08, n * 5e-4, 1e-4);
+		return {
+			min: e - i,
+			max: n + i,
+			volumeMax: r
+		};
+	}), c = l(() => {
+		let e = t.candles.findIndex((e) => e.id === r.value);
+		return e < 0 ? null : e;
+	});
+	return b({
+		candles: l(() => t.candles),
+		lastPrice: l(() => t.lastPrice),
+		active: c,
+		scale: a,
+		setActive(e) {
+			r.value = e === null ? null : t.candles[e]?.id ?? null;
+		},
+		formatPrice: l(() => t.formatPrice ?? i),
+		formatVolume: l(() => t.formatVolume ?? o),
+		label: l(() => t.label ?? "Candlestick chart"),
+		reduce: e()
+	});
+}
+var k = a("CandlestickChart"), A = k.use;
+// src/charts/candlestick-chart/src/geometry.ts
+function j(e, t, n, r) {
+	let i = Math.max(0, n - 64), a = r * .82 - 8, o = e.length ? i / e.length : 0, s = Math.max(1, o * .62), c = (e) => (t.max - e) / (t.max - t.min || 1) * a;
+	return {
+		plotWidth: i,
+		priceHeight: a,
+		pitch: o,
+		bodyWidth: s,
+		ticks: Array.from({ length: 5 }, (e, n) => t.max - (t.max - t.min) * (n + .5) / 5),
+		bars: e.map((e, n) => {
+			let i = n * o + o / 2, a = Math.max(.5, e.volume / t.volumeMax * r * .18);
+			return {
+				candle: e,
+				index: n,
+				center: i,
+				left: i - s / 2,
+				wickTop: c(e.high),
+				wickHeight: Math.max(1, c(e.low) - c(e.high)),
+				bodyTop: c(Math.max(e.open, e.close)),
+				bodyHeight: Math.max(1, Math.abs(c(e.open) - c(e.close))),
+				volumeTop: r - a,
+				volumeHeight: a
+			};
+		}),
+		y: c
+	};
+}
+// src/charts/candlestick-chart/src/CandlestickChartPlot.vue?vue&type=script&setup=true&lang.ts
+var M = [
+	"aria-label",
+	"aria-valuemax",
+	"aria-valuenow",
+	"aria-valuetext"
+], N = ["width", "height"], P = [
+	"x2",
+	"y1",
+	"y2"
+], F = [
+	"x1",
+	"x2",
+	"y2"
+], I = [
+	"x2",
+	"y1",
+	"y2"
+], L = { class: "block -translate-y-1/2 rounded-md bg-foreground px-1.5 py-0.5 font-mono text-xs text-background tabular-nums" }, R = /* @__PURE__ */ h({
+	__name: "CandlestickChartPlot",
+	props: { height: { default: 320 } },
+	setup(e) {
+		let i = e, a = A(), o = x(null), s = x(null), h = r(o, {
+			width: 640,
+			height: i.height
+		}), y = l(() => j(a.candles, a.scale, h.value.width, i.height)), b = l(() => a.active === null ? a.candles.at(-1) : a.candles[a.active]), C = l(() => b.value ? `${b.value.label}: open ${a.formatPrice(b.value.open)}, high ${a.formatPrice(b.value.high)}, low ${a.formatPrice(b.value.low)}, close ${a.formatPrice(b.value.close)}` : void 0);
+		function O(e) {
+			let t = o.value?.getBoundingClientRect();
+			if (!t || !y.value.pitch) return;
+			let n = e.clientX - t.left, r = e.clientY - t.top;
+			n > y.value.plotWidth || (a.setActive(Math.min(a.candles.length - 1, Math.max(0, Math.floor(n / y.value.pitch)))), s.value = r <= y.value.priceHeight ? r : null);
+		}
+		function k(e) {
+			let t = a.active ?? a.candles.length - 1;
+			if (e.key === "ArrowLeft") t = Math.max(0, t - 1);
+			else if (e.key === "ArrowRight") t = Math.min(a.candles.length - 1, t + 1);
+			else if (e.key === "Home") t = 0;
+			else if (e.key === "End") t = a.candles.length - 1;
+			else if (e.key === "Escape") {
+				a.setActive(null);
+				return;
+			} else return;
+			e.preventDefault(), s.value = null, a.setActive(t);
+		}
+		function R() {
+			a.setActive(null), s.value = null;
+		}
+		return (e, r) => (v(), f("div", {
+			ref_key: "element",
+			ref: o,
+			role: "slider",
+			tabindex: "0",
+			"aria-label": T(a).label,
+			"aria-valuemin": 0,
+			"aria-valuemax": Math.max(0, T(a).candles.length - 1),
+			"aria-valuenow": T(a).active ?? Math.max(0, T(a).candles.length - 1),
+			"aria-valuetext": C.value,
+			class: "relative w-full cursor-crosshair touch-pan-y select-none rounded-xl outline-none focus-visible:ring-2 focus-visible:ring-ring",
+			style: _({ height: i.height + "px" }),
+			onPointermove: O,
+			onPointerleave: R,
+			onKeydown: k,
+			onBlur: r[0] ||= (e) => T(a).setActive(null)
+		}, [
+			(v(), f("svg", {
+				width: T(h).width,
+				height: i.height,
+				"aria-hidden": "true",
+				class: "absolute inset-0 overflow-visible"
+			}, [
+				(v(!0), f(c, null, S(y.value.ticks, (e) => (v(), f("line", {
+					key: e,
+					x1: "0",
+					x2: y.value.plotWidth,
+					y1: y.value.y(e),
+					y2: y.value.y(e),
+					stroke: "var(--border)",
+					"stroke-dasharray": "2 6"
+				}, null, 8, P))), 128)),
+				(v(!0), f(c, null, S(y.value.bars, (e) => (v(), u(T(D).g, {
+					key: e.candle.id,
+					class: g(e.candle.close >= e.candle.open ? "fill-emerald-500 stroke-emerald-500" : "fill-rose-500 stroke-rose-500"),
+					initial: !T(a).reduce && { opacity: 0 },
+					animate: { opacity: T(a).active !== null && T(a).active !== e.index ? .45 : 1 },
+					transition: {
+						duration: .3,
+						ease: T(n),
+						delay: T(a).reduce ? 0 : Math.min(e.index * .012, .6)
+					}
+				}, {
+					default: E(() => [
+						m(T(D).line, {
+							x1: e.center,
+							x2: e.center,
+							y1: "0",
+							y2: "1",
+							"vector-effect": "non-scaling-stroke",
+							"stroke-width": "1",
+							style: {
+								originX: 0,
+								originY: 0
+							},
+							initial: !1,
+							animate: {
+								y: e.wickTop,
+								scaleY: e.wickHeight
+							},
+							transition: T(a).reduce ? { duration: 0 } : T(t)
+						}, null, 8, [
+							"x1",
+							"x2",
+							"animate",
+							"transition"
+						]),
+						m(T(D).rect, {
+							x: e.left,
+							y: "0",
+							width: y.value.bodyWidth,
+							height: "1",
+							"stroke-width": "0",
+							style: {
+								originX: 0,
+								originY: 0
+							},
+							initial: !1,
+							animate: {
+								y: e.bodyTop,
+								scaleY: e.bodyHeight
+							},
+							transition: T(a).reduce ? { duration: 0 } : T(t)
+						}, null, 8, [
+							"x",
+							"width",
+							"animate",
+							"transition"
+						]),
+						m(T(D).rect, {
+							x: e.left,
+							y: "0",
+							width: y.value.bodyWidth,
+							height: "1",
+							"stroke-width": "0",
+							opacity: ".28",
+							style: {
+								originX: 0,
+								originY: 0
+							},
+							initial: !1,
+							animate: {
+								y: e.volumeTop,
+								scaleY: e.volumeHeight
+							},
+							transition: T(a).reduce ? { duration: 0 } : T(t)
+						}, null, 8, [
+							"x",
+							"width",
+							"animate",
+							"transition"
+						])
+					]),
+					_: 2
+				}, 1032, [
+					"class",
+					"initial",
+					"animate",
+					"transition"
+				]))), 128)),
+				T(a).lastPrice === void 0 ? d("", !0) : (v(), u(T(D).line, {
+					key: 0,
+					x1: "0",
+					x2: y.value.plotWidth,
+					y1: "0",
+					y2: "0",
+					initial: !1,
+					animate: { y: y.value.y(T(a).lastPrice) },
+					transition: T(a).reduce ? { duration: 0 } : T(t),
+					stroke: "var(--foreground)",
+					"stroke-opacity": ".45",
+					"stroke-dasharray": "3 4"
+				}, null, 8, [
+					"x2",
+					"animate",
+					"transition"
+				])),
+				T(a).active === null ? d("", !0) : (v(), f("line", {
+					key: 1,
+					x1: T(a).active * y.value.pitch + y.value.pitch / 2,
+					x2: T(a).active * y.value.pitch + y.value.pitch / 2,
+					y1: "0",
+					y2: i.height,
+					stroke: "var(--foreground)",
+					"stroke-opacity": ".3"
+				}, null, 8, F)),
+				s.value === null ? d("", !0) : (v(), f("line", {
+					key: 2,
+					x1: "0",
+					x2: y.value.plotWidth,
+					y1: s.value,
+					y2: s.value,
+					stroke: "var(--foreground)",
+					"stroke-opacity": ".3"
+				}, null, 8, I))
+			], 8, N)),
+			(v(!0), f(c, null, S(y.value.ticks, (e) => (v(), f("span", {
+				key: e,
+				class: "pointer-events-none absolute right-0 -translate-y-1/2 pr-1 font-mono text-xs text-muted-foreground tabular-nums",
+				style: _({ top: y.value.y(e) + "px" })
+			}, w(T(a).formatPrice(e)), 5))), 128)),
+			T(a).lastPrice === void 0 ? d("", !0) : (v(), u(T(D).div, {
+				key: 0,
+				class: "pointer-events-none absolute top-0 right-0",
+				initial: !1,
+				animate: { y: y.value.y(T(a).lastPrice) },
+				transition: T(a).reduce ? { duration: 0 } : T(t)
+			}, {
+				default: E(() => [p("span", L, w(T(a).formatPrice(T(a).lastPrice)), 1)]),
+				_: 1
+			}, 8, ["animate", "transition"])),
+			s.value === null ? d("", !0) : (v(), f("span", {
+				key: 1,
+				class: "pointer-events-none absolute right-0 -translate-y-1/2 rounded bg-muted px-1.5 py-0.5 font-mono text-xs",
+				style: _({ top: s.value + "px" })
+			}, w(T(a).formatPrice(T(a).scale.max - s.value / y.value.priceHeight * (T(a).scale.max - T(a).scale.min))), 5))
+		], 44, M));
+	}
+}), z = { class: "flex flex-wrap items-center gap-x-3 gap-y-1 font-mono text-xs tabular-nums" }, B = { class: "text-muted-foreground" }, V = { class: "text-muted-foreground" }, H = /* @__PURE__ */ h({
+	__name: "CandlestickChartLegend",
+	setup(e) {
+		let t = A(), n = l(() => t.active === null ? t.candles.at(-1) : t.candles[t.active]), r = l(() => n.value?.open ? (n.value.close - n.value.open) / n.value.open * 100 : 0), i = l(() => r.value >= 0 ? "text-emerald-600 dark:text-emerald-400" : "text-rose-600 dark:text-rose-400"), a = l(() => n.value ? [
+			["O", t.formatPrice(n.value.open)],
+			["H", t.formatPrice(n.value.high)],
+			["L", t.formatPrice(n.value.low)],
+			["C", t.formatPrice(n.value.close)],
+			["Vol", t.formatVolume(n.value.volume)]
+		] : []);
+		return (e, t) => n.value ? C(e.$slots, "default", {
+			candle: n.value,
+			change: r.value
+		}, () => [p("dl", z, [
+			t[0] ||= p("dt", { class: "sr-only" }, "Candle", -1),
+			p("dd", B, w(n.value.label), 1),
+			(v(!0), f(c, null, S(a.value, ([e, t]) => (v(), f("div", {
+				key: e,
+				class: "flex gap-1"
+			}, [p("dt", V, w(e), 1), p("dd", { class: g(e === "Vol" ? void 0 : i.value) }, w(t), 3)]))), 128)),
+			p("dd", { class: g(i.value) }, w(r.value >= 0 ? "+" : "−") + w(Math.abs(r.value).toFixed(2)) + "% ", 3)
+		])], void 0, 0) : d("", !0);
+	}
+}), U = ["aria-label"], W = { class: "grid gap-3" }, G = { class: "sr-only" }, K = /* @__PURE__ */ h({
+	__name: "CandlestickChart",
+	props: {
+		candles: {},
+		lastPrice: {},
+		activeId: {},
+		defaultActiveId: {},
+		formatPrice: { type: Function },
+		formatVolume: { type: Function },
+		label: {},
+		className: {}
+	},
+	emits: ["update:activeId", "activeIdChange"],
+	setup(e, { emit: t }) {
+		let n = e, r = O(n, t);
+		return y(k.key, r), (e, t) => (v(), f("section", {
+			"aria-label": T(r).label,
+			class: g(["w-full", n.className])
+		}, [C(e.$slots, "default", {}, () => [p("div", W, [m(H), m(R)])]), p("div", G, [p("table", null, [
+			p("caption", null, w(T(r).label) + " data ", 1),
+			t[0] ||= p("thead", null, [p("tr", null, [
+				p("th", null, "Period"),
+				p("th", null, "Open"),
+				p("th", null, "High"),
+				p("th", null, "Low"),
+				p("th", null, "Close"),
+				p("th", null, "Volume")
+			])], -1),
+			p("tbody", null, [(v(!0), f(c, null, S(T(r).candles, (e) => (v(), f("tr", { key: e.id }, [
+				p("th", null, w(e.label), 1),
+				p("td", null, w(T(r).formatPrice(e.open)), 1),
+				p("td", null, w(T(r).formatPrice(e.high)), 1),
+				p("td", null, w(T(r).formatPrice(e.low)), 1),
+				p("td", null, w(T(r).formatPrice(e.close)), 1),
+				p("td", null, w(T(r).formatVolume(e.volume)), 1)
+			]))), 128))])
+		])])], 10, U));
+	}
+});
+export { A as i, H as n, R as r, K as t };
+
+//# sourceMappingURL=candlestick-chart-tyW2V3M4.js.map

package/dist/candlestick-chart-tyW2V3M4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"candlestick-chart-tyW2V3M4.js","names":["_hoisted_1","_hoisted_2","_hoisted_3","_openBlock","_createElementBlock","_unref","_normalizeStyle","_Fragment","_renderList","_createBlock","_normalizeClass","_withCtx","_createVNode","_createCommentVNode","_toDisplayString","_createElementVNode","_sfc_main","_hoisted_1","_hoisted_2","_hoisted_3","_renderSlot","_createElementVNode","_toDisplayString","_openBlock","_createElementBlock","_Fragment","_renderList","_normalizeClass","_createCommentVNode","_sfc_main","emit","_openBlock","_createElementBlock","_unref","_normalizeClass","_renderSlot","_createElementVNode","_createVNode","CandlestickChartLegend","CandlestickChartPlot","_toDisplayString","_Fragment","_renderList","_sfc_main","useReducedMotion","SPRING_LAYOUT","EASE_OUT","usePlotSize","context","formatCompact","activeSelection","createCandlestickModel","activeId","props","computed","candle","emit","id","scale","min","max","volumeMax","pad","active","index","reactive","formatNumber","candlestickContext","useCandlestickChart","candleGeometry","plotWidth","width","priceHeight","height","pitch","candles","bodyWidth","y","price","center","volume","_hoisted_1$2","_hoisted_2$2","_hoisted_3$2","_hoisted_4","_hoisted_5","_hoisted_6","CandlestickChartPlot_default","defineComponent","__props","chart","element","ref","pointerY","size","geometry","focused","valueText","move","rect","x","event","keydown","next","leave","openBlock","createElementBlock","unref","normalizeStyle","_cache","Fragment","renderList","tick","createBlock","motion","bar","normalizeClass","withCtx","createVNode","createCommentVNode","toDisplayString","createElementVNode","_hoisted_1$1","_hoisted_2$1","_hoisted_3$1","CandlestickChartLegend_default","change","tone","terms","renderSlot","_ctx","term","value","_hoisted_1","_hoisted_2","_hoisted_3","CandlestickChart_default","__emit","provide"],"sources":["../src/charts/candlestick-chart/src/context.ts","../src/charts/candlestick-chart/src/geometry.ts","../src/charts/candlestick-chart/src/CandlestickChartPlot.vue","../src/charts/candlestick-chart/src/CandlestickChartPlot.vue","../src/charts/candlestick-chart/src/CandlestickChartLegend.vue","../src/charts/candlestick-chart/src/CandlestickChartLegend.vue","../src/charts/candlestick-chart/src/CandlestickChart.vue","../src/charts/candlestick-chart/src/CandlestickChart.vue"],"sourcesContent":["import { computed, reactive } from \"vue\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport {\n  activeSelection,\n  context,\n  formatNumber,\n  formatCompact,\n} from \"../../shared\";\nexport type Candle = {\n  id: string;\n  label: string;\n  open: number;\n  high: number;\n  low: number;\n  close: number;\n  volume: number;\n};\nexport interface CandlestickChartProps {\n  candles: readonly Candle[];\n  lastPrice?: number;\n  activeId?: string | null;\n  defaultActiveId?: string | null;\n  formatPrice?: (value: number) => string;\n  formatVolume?: (value: number) => string;\n  label?: string;\n  className?: string;\n}\nexport function createCandlestickModel(\n  props: CandlestickChartProps,\n  emit: (event: any, ...args: any[]) => void,\n) {\n  const activeId = activeSelection(\n    () => props.activeId,\n    props.defaultActiveId ?? null,\n    computed(() => props.candles.map((candle) => candle.id)),\n    (id) => {\n      emit(\"update:activeId\", id);\n      emit(\"activeIdChange\", id);\n    },\n  );\n  const scale = computed(() => {\n    let min = Infinity,\n      max = -Infinity,\n      volumeMax = 1;\n    for (const candle of props.candles) {\n      min = Math.min(min, candle.low);\n      max = Math.max(max, candle.high);\n      volumeMax = Math.max(volumeMax, candle.volume);\n    }\n    if (props.lastPrice !== undefined) {\n      min = Math.min(min, props.lastPrice);\n      max = Math.max(max, props.lastPrice);\n    }\n    if (!props.candles.length && props.lastPrice === undefined) {\n      min = 0;\n      max = 1;\n    }\n    const pad = Math.max((max - min) * 0.08, max * 0.0005, 0.0001);\n    return { min: min - pad, max: max + pad, volumeMax };\n  });\n  const active = computed(() => {\n    const index = props.candles.findIndex(\n      (candle) => candle.id === activeId.value,\n    );\n    return index < 0 ? null : index;\n  });\n  return reactive({\n    candles: computed(() => props.candles),\n    lastPrice: computed(() => props.lastPrice),\n    active,\n    scale,\n    setActive(index: number | null) {\n      activeId.value =\n        index === null ? null : (props.candles[index]?.id ?? null);\n    },\n    formatPrice: computed(() => props.formatPrice ?? formatNumber),\n    formatVolume: computed(() => props.formatVolume ?? formatCompact),\n    label: computed(() => props.label ?? \"Candlestick chart\"),\n    reduce: useReducedMotion(),\n  });\n}\nexport const candlestickContext =\n  context<ReturnType<typeof createCandlestickModel>>(\"CandlestickChart\");\nexport const useCandlestickChart = candlestickContext.use;\n","import type { Candle } from \"./context\";\nexport function candleGeometry(\n  candles: readonly Candle[],\n  scale: { min: number; max: number; volumeMax: number },\n  width: number,\n  height: number,\n) {\n  const plotWidth = Math.max(0, width - 64),\n    priceHeight = height * 0.82 - 8;\n  const pitch = candles.length ? plotWidth / candles.length : 0,\n    bodyWidth = Math.max(1, pitch * 0.62);\n  const y = (price: number) =>\n    ((scale.max - price) / (scale.max - scale.min || 1)) * priceHeight;\n  const ticks = Array.from(\n    { length: 5 },\n    (_, index) => scale.max - ((scale.max - scale.min) * (index + 0.5)) / 5,\n  );\n  const bars = candles.map((candle, index) => {\n    const center = index * pitch + pitch / 2;\n    const volume = Math.max(\n      0.5,\n      (candle.volume / scale.volumeMax) * height * 0.18,\n    );\n    return {\n      candle,\n      index,\n      center,\n      left: center - bodyWidth / 2,\n      wickTop: y(candle.high),\n      wickHeight: Math.max(1, y(candle.low) - y(candle.high)),\n      bodyTop: y(Math.max(candle.open, candle.close)),\n      bodyHeight: Math.max(1, Math.abs(y(candle.open) - y(candle.close))),\n      volumeTop: height - volume,\n      volumeHeight: volume,\n    };\n  });\n  return { plotWidth, priceHeight, pitch, bodyWidth, ticks, bars, y };\n}\n","<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { EASE_OUT, SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { usePlotSize } from \"../../shared\";\nimport { useCandlestickChart } from \"./context\";\nimport { candleGeometry } from \"./geometry\";\nconst props = withDefaults(defineProps<{ height?: number }>(), { height: 320 });\nconst chart = useCandlestickChart(),\n  element = ref<HTMLElement | null>(null),\n  pointerY = ref<number | null>(null);\nconst size = usePlotSize(element, { width: 640, height: props.height });\nconst geometry = computed(() =>\n  candleGeometry(chart.candles, chart.scale, size.value.width, props.height),\n);\nconst focused = computed(() =>\n  chart.active === null ? chart.candles.at(-1) : chart.candles[chart.active],\n);\nconst valueText = computed(() =>\n  focused.value\n    ? `${focused.value.label}: open ${chart.formatPrice(focused.value.open)}, high ${chart.formatPrice(focused.value.high)}, low ${chart.formatPrice(focused.value.low)}, close ${chart.formatPrice(focused.value.close)}`\n    : undefined,\n);\nfunction move(event: PointerEvent) {\n  const rect = element.value?.getBoundingClientRect();\n  if (!rect || !geometry.value.pitch) return;\n  const x = event.clientX - rect.left,\n    y = event.clientY - rect.top;\n  if (x > geometry.value.plotWidth) return;\n  chart.setActive(\n    Math.min(\n      chart.candles.length - 1,\n      Math.max(0, Math.floor(x / geometry.value.pitch)),\n    ),\n  );\n  pointerY.value = y <= geometry.value.priceHeight ? y : null;\n}\nfunction keydown(event: KeyboardEvent) {\n  let next = chart.active ?? chart.candles.length - 1;\n  if (event.key === \"ArrowLeft\") next = Math.max(0, next - 1);\n  else if (event.key === \"ArrowRight\")\n    next = Math.min(chart.candles.length - 1, next + 1);\n  else if (event.key === \"Home\") next = 0;\n  else if (event.key === \"End\") next = chart.candles.length - 1;\n  else if (event.key === \"Escape\") {\n    chart.setActive(null);\n    return;\n  } else return;\n  event.preventDefault();\n  pointerY.value = null;\n  chart.setActive(next);\n}\nfunction leave() {\n  chart.setActive(null);\n  pointerY.value = null;\n}\n</script>\n<template>\n  <div\n    ref=\"element\"\n    role=\"slider\"\n    tabindex=\"0\"\n    :aria-label=\"chart.label\"\n    :aria-valuemin=\"0\"\n    :aria-valuemax=\"Math.max(0, chart.candles.length - 1)\"\n    :aria-valuenow=\"chart.active ?? Math.max(0, chart.candles.length - 1)\"\n    :aria-valuetext=\"valueText\"\n    class=\"relative w-full cursor-crosshair touch-pan-y select-none rounded-xl outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n    :style=\"{ height: props.height + 'px' }\"\n    @pointermove=\"move\"\n    @pointerleave=\"leave\"\n    @keydown=\"keydown\"\n    @blur=\"chart.setActive(null)\"\n  >\n    <svg\n      :width=\"size.width\"\n      :height=\"props.height\"\n      aria-hidden=\"true\"\n      class=\"absolute inset-0 overflow-visible\"\n    >\n      <line\n        v-for=\"tick in geometry.ticks\"\n        :key=\"tick\"\n        x1=\"0\"\n        :x2=\"geometry.plotWidth\"\n        :y1=\"geometry.y(tick)\"\n        :y2=\"geometry.y(tick)\"\n        stroke=\"var(--border)\"\n        stroke-dasharray=\"2 6\"\n      />\n      <motion.g\n        v-for=\"bar in geometry.bars\"\n        :key=\"bar.candle.id\"\n        :class=\"\n          bar.candle.close >= bar.candle.open\n            ? 'fill-emerald-500 stroke-emerald-500'\n            : 'fill-rose-500 stroke-rose-500'\n        \"\n        :initial=\"chart.reduce ? false : { opacity: 0 }\"\n        :animate=\"{\n          opacity:\n            chart.active !== null && chart.active !== bar.index ? 0.45 : 1,\n        }\"\n        :transition=\"{\n          duration: 0.3,\n          ease: EASE_OUT,\n          delay: chart.reduce ? 0 : Math.min(bar.index * 0.012, 0.6),\n        }\"\n      >\n        <motion.line\n          :x1=\"bar.center\"\n          :x2=\"bar.center\"\n          y1=\"0\"\n          y2=\"1\"\n          vector-effect=\"non-scaling-stroke\"\n          stroke-width=\"1\"\n          :style=\"{ originX: 0, originY: 0 }\"\n          :initial=\"false\"\n          :animate=\"{ y: bar.wickTop, scaleY: bar.wickHeight }\"\n          :transition=\"chart.reduce ? { duration: 0 } : SPRING_LAYOUT\"\n        />\n        <motion.rect\n          :x=\"bar.left\"\n          y=\"0\"\n          :width=\"geometry.bodyWidth\"\n          height=\"1\"\n          stroke-width=\"0\"\n          :style=\"{ originX: 0, originY: 0 }\"\n          :initial=\"false\"\n          :animate=\"{ y: bar.bodyTop, scaleY: bar.bodyHeight }\"\n          :transition=\"chart.reduce ? { duration: 0 } : SPRING_LAYOUT\"\n        />\n        <motion.rect\n          :x=\"bar.left\"\n          y=\"0\"\n          :width=\"geometry.bodyWidth\"\n          height=\"1\"\n          stroke-width=\"0\"\n          opacity=\".28\"\n          :style=\"{ originX: 0, originY: 0 }\"\n          :initial=\"false\"\n          :animate=\"{ y: bar.volumeTop, scaleY: bar.volumeHeight }\"\n          :transition=\"chart.reduce ? { duration: 0 } : SPRING_LAYOUT\"\n        />\n      </motion.g>\n      <motion.line\n        v-if=\"chart.lastPrice !== undefined\"\n        x1=\"0\"\n        :x2=\"geometry.plotWidth\"\n        y1=\"0\"\n        y2=\"0\"\n        :initial=\"false\"\n        :animate=\"{ y: geometry.y(chart.lastPrice) }\"\n        :transition=\"chart.reduce ? { duration: 0 } : SPRING_LAYOUT\"\n        stroke=\"var(--foreground)\"\n        stroke-opacity=\".45\"\n        stroke-dasharray=\"3 4\"\n      />\n      <line\n        v-if=\"chart.active !== null\"\n        :x1=\"chart.active * geometry.pitch + geometry.pitch / 2\"\n        :x2=\"chart.active * geometry.pitch + geometry.pitch / 2\"\n        y1=\"0\"\n        :y2=\"props.height\"\n        stroke=\"var(--foreground)\"\n        stroke-opacity=\".3\"\n      />\n      <line\n        v-if=\"pointerY !== null\"\n        x1=\"0\"\n        :x2=\"geometry.plotWidth\"\n        :y1=\"pointerY\"\n        :y2=\"pointerY\"\n        stroke=\"var(--foreground)\"\n        stroke-opacity=\".3\"\n      />\n    </svg>\n    <span\n      v-for=\"tick in geometry.ticks\"\n      :key=\"tick\"\n      class=\"pointer-events-none absolute right-0 -translate-y-1/2 pr-1 font-mono text-xs text-muted-foreground tabular-nums\"\n      :style=\"{ top: geometry.y(tick) + 'px' }\"\n      >{{ chart.formatPrice(tick) }}</span\n    >\n    <motion.div\n      v-if=\"chart.lastPrice !== undefined\"\n      class=\"pointer-events-none absolute top-0 right-0\"\n      :initial=\"false\"\n      :animate=\"{ y: geometry.y(chart.lastPrice) }\"\n      :transition=\"chart.reduce ? { duration: 0 } : SPRING_LAYOUT\"\n      ><span\n        class=\"block -translate-y-1/2 rounded-md bg-foreground px-1.5 py-0.5 font-mono text-xs text-background tabular-nums\"\n        >{{ chart.formatPrice(chart.lastPrice) }}</span\n      ></motion.div\n    >\n    <span\n      v-if=\"pointerY !== null\"\n      class=\"pointer-events-none absolute right-0 -translate-y-1/2 rounded bg-muted px-1.5 py-0.5 font-mono text-xs\"\n      :style=\"{ top: pointerY + 'px' }\"\n      >{{\n        chart.formatPrice(\n          chart.scale.max -\n            (pointerY / geometry.priceHeight) *\n              (chart.scale.max - chart.scale.min),\n        )\n      }}</span\n    >\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { EASE_OUT, SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { usePlotSize } from \"../../shared\";\nimport { useCandlestickChart } from \"./context\";\nimport { candleGeometry } from \"./geometry\";\nconst props = withDefaults(defineProps<{ height?: number }>(), { height: 320 });\nconst chart = useCandlestickChart(),\n  element = ref<HTMLElement | null>(null),\n  pointerY = ref<number | null>(null);\nconst size = usePlotSize(element, { width: 640, height: props.height });\nconst geometry = computed(() =>\n  candleGeometry(chart.candles, chart.scale, size.value.width, props.height),\n);\nconst focused = computed(() =>\n  chart.active === null ? chart.candles.at(-1) : chart.candles[chart.active],\n);\nconst valueText = computed(() =>\n  focused.value\n    ? `${focused.value.label}: open ${chart.formatPrice(focused.value.open)}, high ${chart.formatPrice(focused.value.high)}, low ${chart.formatPrice(focused.value.low)}, close ${chart.formatPrice(focused.value.close)}`\n    : undefined,\n);\nfunction move(event: PointerEvent) {\n  const rect = element.value?.getBoundingClientRect();\n  if (!rect || !geometry.value.pitch) return;\n  const x = event.clientX - rect.left,\n    y = event.clientY - rect.top;\n  if (x > geometry.value.plotWidth) return;\n  chart.setActive(\n    Math.min(\n      chart.candles.length - 1,\n      Math.max(0, Math.floor(x / geometry.value.pitch)),\n    ),\n  );\n  pointerY.value = y <= geometry.value.priceHeight ? y : null;\n}\nfunction keydown(event: KeyboardEvent) {\n  let next = chart.active ?? chart.candles.length - 1;\n  if (event.key === \"ArrowLeft\") next = Math.max(0, next - 1);\n  else if (event.key === \"ArrowRight\")\n    next = Math.min(chart.candles.length - 1, next + 1);\n  else if (event.key === \"Home\") next = 0;\n  else if (event.key === \"End\") next = chart.candles.length - 1;\n  else if (event.key === \"Escape\") {\n    chart.setActive(null);\n    return;\n  } else return;\n  event.preventDefault();\n  pointerY.value = null;\n  chart.setActive(next);\n}\nfunction leave() {\n  chart.setActive(null);\n  pointerY.value = null;\n}\n</script>\n<template>\n  <div\n    ref=\"element\"\n    role=\"slider\"\n    tabindex=\"0\"\n    :aria-label=\"chart.label\"\n    :aria-valuemin=\"0\"\n    :aria-valuemax=\"Math.max(0, chart.candles.length - 1)\"\n    :aria-valuenow=\"chart.active ?? Math.max(0, chart.candles.length - 1)\"\n    :aria-valuetext=\"valueText\"\n    class=\"relative w-full cursor-crosshair touch-pan-y select-none rounded-xl outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n    :style=\"{ height: props.height + 'px' }\"\n    @pointermove=\"move\"\n    @pointerleave=\"leave\"\n    @keydown=\"keydown\"\n    @blur=\"chart.setActive(null)\"\n  >\n    <svg\n      :width=\"size.width\"\n      :height=\"props.height\"\n      aria-hidden=\"true\"\n      class=\"absolute inset-0 overflow-visible\"\n    >\n      <line\n        v-for=\"tick in geometry.ticks\"\n        :key=\"tick\"\n        x1=\"0\"\n        :x2=\"geometry.plotWidth\"\n        :y1=\"geometry.y(tick)\"\n        :y2=\"geometry.y(tick)\"\n        stroke=\"var(--border)\"\n        stroke-dasharray=\"2 6\"\n      />\n      <motion.g\n        v-for=\"bar in geometry.bars\"\n        :key=\"bar.candle.id\"\n        :class=\"\n          bar.candle.close >= bar.candle.open\n            ? 'fill-emerald-500 stroke-emerald-500'\n            : 'fill-rose-500 stroke-rose-500'\n        \"\n        :initial=\"chart.reduce ? false : { opacity: 0 }\"\n        :animate=\"{\n          opacity:\n            chart.active !== null && chart.active !== bar.index ? 0.45 : 1,\n        }\"\n        :transition=\"{\n          duration: 0.3,\n          ease: EASE_OUT,\n          delay: chart.reduce ? 0 : Math.min(bar.index * 0.012, 0.6),\n        }\"\n      >\n        <motion.line\n          :x1=\"bar.center\"\n          :x2=\"bar.center\"\n          y1=\"0\"\n          y2=\"1\"\n          vector-effect=\"non-scaling-stroke\"\n          stroke-width=\"1\"\n          :style=\"{ originX: 0, originY: 0 }\"\n          :initial=\"false\"\n          :animate=\"{ y: bar.wickTop, scaleY: bar.wickHeight }\"\n          :transition=\"chart.reduce ? { duration: 0 } : SPRING_LAYOUT\"\n        />\n        <motion.rect\n          :x=\"bar.left\"\n          y=\"0\"\n          :width=\"geometry.bodyWidth\"\n          height=\"1\"\n          stroke-width=\"0\"\n          :style=\"{ originX: 0, originY: 0 }\"\n          :initial=\"false\"\n          :animate=\"{ y: bar.bodyTop, scaleY: bar.bodyHeight }\"\n          :transition=\"chart.reduce ? { duration: 0 } : SPRING_LAYOUT\"\n        />\n        <motion.rect\n          :x=\"bar.left\"\n          y=\"0\"\n          :width=\"geometry.bodyWidth\"\n          height=\"1\"\n          stroke-width=\"0\"\n          opacity=\".28\"\n          :style=\"{ originX: 0, originY: 0 }\"\n          :initial=\"false\"\n          :animate=\"{ y: bar.volumeTop, scaleY: bar.volumeHeight }\"\n          :transition=\"chart.reduce ? { duration: 0 } : SPRING_LAYOUT\"\n        />\n      </motion.g>\n      <motion.line\n        v-if=\"chart.lastPrice !== undefined\"\n        x1=\"0\"\n        :x2=\"geometry.plotWidth\"\n        y1=\"0\"\n        y2=\"0\"\n        :initial=\"false\"\n        :animate=\"{ y: geometry.y(chart.lastPrice) }\"\n        :transition=\"chart.reduce ? { duration: 0 } : SPRING_LAYOUT\"\n        stroke=\"var(--foreground)\"\n        stroke-opacity=\".45\"\n        stroke-dasharray=\"3 4\"\n      />\n      <line\n        v-if=\"chart.active !== null\"\n        :x1=\"chart.active * geometry.pitch + geometry.pitch / 2\"\n        :x2=\"chart.active * geometry.pitch + geometry.pitch / 2\"\n        y1=\"0\"\n        :y2=\"props.height\"\n        stroke=\"var(--foreground)\"\n        stroke-opacity=\".3\"\n      />\n      <line\n        v-if=\"pointerY !== null\"\n        x1=\"0\"\n        :x2=\"geometry.plotWidth\"\n        :y1=\"pointerY\"\n        :y2=\"pointerY\"\n        stroke=\"var(--foreground)\"\n        stroke-opacity=\".3\"\n      />\n    </svg>\n    <span\n      v-for=\"tick in geometry.ticks\"\n      :key=\"tick\"\n      class=\"pointer-events-none absolute right-0 -translate-y-1/2 pr-1 font-mono text-xs text-muted-foreground tabular-nums\"\n      :style=\"{ top: geometry.y(tick) + 'px' }\"\n      >{{ chart.formatPrice(tick) }}</span\n    >\n    <motion.div\n      v-if=\"chart.lastPrice !== undefined\"\n      class=\"pointer-events-none absolute top-0 right-0\"\n      :initial=\"false\"\n      :animate=\"{ y: geometry.y(chart.lastPrice) }\"\n      :transition=\"chart.reduce ? { duration: 0 } : SPRING_LAYOUT\"\n      ><span\n        class=\"block -translate-y-1/2 rounded-md bg-foreground px-1.5 py-0.5 font-mono text-xs text-background tabular-nums\"\n        >{{ chart.formatPrice(chart.lastPrice) }}</span\n      ></motion.div\n    >\n    <span\n      v-if=\"pointerY !== null\"\n      class=\"pointer-events-none absolute right-0 -translate-y-1/2 rounded bg-muted px-1.5 py-0.5 font-mono text-xs\"\n      :style=\"{ top: pointerY + 'px' }\"\n      >{{\n        chart.formatPrice(\n          chart.scale.max -\n            (pointerY / geometry.priceHeight) *\n              (chart.scale.max - chart.scale.min),\n        )\n      }}</span\n    >\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useCandlestickChart } from \"./context\";\nconst chart = useCandlestickChart();\nconst candle = computed(() =>\n  chart.active === null ? chart.candles.at(-1) : chart.candles[chart.active],\n);\nconst change = computed(() =>\n  candle.value?.open\n    ? ((candle.value.close - candle.value.open) / candle.value.open) * 100\n    : 0,\n);\nconst tone = computed(() =>\n  change.value >= 0\n    ? \"text-emerald-600 dark:text-emerald-400\"\n    : \"text-rose-600 dark:text-rose-400\",\n);\nconst terms = computed(() =>\n  candle.value\n    ? [\n        [\"O\", chart.formatPrice(candle.value.open)],\n        [\"H\", chart.formatPrice(candle.value.high)],\n        [\"L\", chart.formatPrice(candle.value.low)],\n        [\"C\", chart.formatPrice(candle.value.close)],\n        [\"Vol\", chart.formatVolume(candle.value.volume)],\n      ]\n    : [],\n);\n</script>\n<template>\n  <slot v-if=\"candle\" :candle=\"candle\" :change=\"change\"\n    ><dl\n      class=\"flex flex-wrap items-center gap-x-3 gap-y-1 font-mono text-xs tabular-nums\"\n    >\n      <dt class=\"sr-only\">Candle</dt>\n      <dd class=\"text-muted-foreground\">{{ candle.label }}</dd>\n      <div v-for=\"[term, value] in terms\" :key=\"term\" class=\"flex gap-1\">\n        <dt class=\"text-muted-foreground\">{{ term }}</dt>\n        <dd :class=\"term === 'Vol' ? undefined : tone\">{{ value }}</dd>\n      </div>\n      <dd :class=\"tone\">\n        {{ change >= 0 ? \"+\" : \"−\" }}{{ Math.abs(change).toFixed(2) }}%\n      </dd>\n    </dl></slot\n  >\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useCandlestickChart } from \"./context\";\nconst chart = useCandlestickChart();\nconst candle = computed(() =>\n  chart.active === null ? chart.candles.at(-1) : chart.candles[chart.active],\n);\nconst change = computed(() =>\n  candle.value?.open\n    ? ((candle.value.close - candle.value.open) / candle.value.open) * 100\n    : 0,\n);\nconst tone = computed(() =>\n  change.value >= 0\n    ? \"text-emerald-600 dark:text-emerald-400\"\n    : \"text-rose-600 dark:text-rose-400\",\n);\nconst terms = computed(() =>\n  candle.value\n    ? [\n        [\"O\", chart.formatPrice(candle.value.open)],\n        [\"H\", chart.formatPrice(candle.value.high)],\n        [\"L\", chart.formatPrice(candle.value.low)],\n        [\"C\", chart.formatPrice(candle.value.close)],\n        [\"Vol\", chart.formatVolume(candle.value.volume)],\n      ]\n    : [],\n);\n</script>\n<template>\n  <slot v-if=\"candle\" :candle=\"candle\" :change=\"change\"\n    ><dl\n      class=\"flex flex-wrap items-center gap-x-3 gap-y-1 font-mono text-xs tabular-nums\"\n    >\n      <dt class=\"sr-only\">Candle</dt>\n      <dd class=\"text-muted-foreground\">{{ candle.label }}</dd>\n      <div v-for=\"[term, value] in terms\" :key=\"term\" class=\"flex gap-1\">\n        <dt class=\"text-muted-foreground\">{{ term }}</dt>\n        <dd :class=\"term === 'Vol' ? undefined : tone\">{{ value }}</dd>\n      </div>\n      <dd :class=\"tone\">\n        {{ change >= 0 ? \"+\" : \"−\" }}{{ Math.abs(change).toFixed(2) }}%\n      </dd>\n    </dl></slot\n  >\n</template>\n","<script setup lang=\"ts\">\nimport { provide } from \"vue\";\nimport {\n  createCandlestickModel,\n  candlestickContext,\n  type CandlestickChartProps,\n} from \"./context\";\nimport CandlestickChartPlot from \"./CandlestickChartPlot.vue\";\nimport CandlestickChartLegend from \"./CandlestickChartLegend.vue\";\nconst props = defineProps<CandlestickChartProps>();\nconst emit = defineEmits([\"update:activeId\", \"activeIdChange\"]);\nconst chart = createCandlestickModel(props, emit);\nprovide(candlestickContext.key, chart);\n</script>\n<template>\n  <section :aria-label=\"chart.label\" :class=\"['w-full', props.className]\">\n    <slot\n      ><div class=\"grid gap-3\">\n        <CandlestickChartLegend /><CandlestickChartPlot /></div\n    ></slot>\n    <div class=\"sr-only\">\n      <table>\n        <caption>\n          {{\n            chart.label\n          }}\n          data\n        </caption>\n        <thead>\n          <tr>\n            <th>Period</th>\n            <th>Open</th>\n            <th>High</th>\n            <th>Low</th>\n            <th>Close</th>\n            <th>Volume</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-for=\"candle in chart.candles\" :key=\"candle.id\">\n            <th>{{ candle.label }}</th>\n            <td>{{ chart.formatPrice(candle.open) }}</td>\n            <td>{{ chart.formatPrice(candle.high) }}</td>\n            <td>{{ chart.formatPrice(candle.low) }}</td>\n            <td>{{ chart.formatPrice(candle.close) }}</td>\n            <td>{{ chart.formatVolume(candle.volume) }}</td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </section>\n</template>\n","<script setup lang=\"ts\">\nimport { provide } from \"vue\";\nimport {\n  createCandlestickModel,\n  candlestickContext,\n  type CandlestickChartProps,\n} from \"./context\";\nimport CandlestickChartPlot from \"./CandlestickChartPlot.vue\";\nimport CandlestickChartLegend from \"./CandlestickChartLegend.vue\";\nconst props = defineProps<CandlestickChartProps>();\nconst emit = defineEmits([\"update:activeId\", \"activeIdChange\"]);\nconst chart = createCandlestickModel(props, emit);\nprovide(candlestickContext.key, chart);\n</script>\n<template>\n  <section :aria-label=\"chart.label\" :class=\"['w-full', props.className]\">\n    <slot\n      ><div class=\"grid gap-3\">\n        <CandlestickChartLegend /><CandlestickChartPlot /></div\n    ></slot>\n    <div class=\"sr-only\">\n      <table>\n        <caption>\n          {{\n            chart.label\n          }}\n          data\n        </caption>\n        <thead>\n          <tr>\n            <th>Period</th>\n            <th>Open</th>\n            <th>High</th>\n            <th>Low</th>\n            <th>Close</th>\n            <th>Volume</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-for=\"candle in chart.candles\" :key=\"candle.id\">\n            <th>{{ candle.label }}</th>\n            <td>{{ chart.formatPrice(candle.open) }}</td>\n            <td>{{ chart.formatPrice(candle.high) }}</td>\n            <td>{{ chart.formatPrice(candle.low) }}</td>\n            <td>{{ chart.formatPrice(candle.close) }}</td>\n            <td>{{ chart.formatVolume(candle.volume) }}</td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </section>\n</template>\n"],"mappings":"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"}

package/dist/card-87yBBx09.js

@@ -0,0 +1,132 @@
+import { s as e } from "./composables-BJ1sih_H.js";
+import { l as t } from "./ease-rIvCM4O3.js";
+import { t as n } from "./utils-DIrLOK2M.js";
+import { computed as r, createBlock as i, defineComponent as a, h as o, inject as s, mergeProps as c, onBeforeUnmount as l, openBlock as u, provide as d, renderSlot as f, resolveDynamicComponent as p, unref as m, watch as h, withCtx as g } from "vue";
+import { animate as _, isDragActive as v, motion as y, useMotionValue as b } from "motion-v";
+// src/motion/card/src/Card.vue
+var x = /* @__PURE__ */ a({
+	inheritAttrs: !1,
+	__name: "Card",
+	props: {
+		variant: { default: "outlined" },
+		size: { default: "default" },
+		interactive: { type: Boolean },
+		selected: { type: Boolean }
+	},
+	setup(a) {
+		let o = a, s = e(), p = b(1);
+		d("orvui-card-size", r(() => o.size));
+		let x, S, C = !1;
+		function w(e) {
+			x?.stop(), x = _(p, e, t);
+		}
+		function T() {
+			C && (C = !1, window.removeEventListener("pointerup", E, !0), window.removeEventListener("pointercancel", E, !0), window.removeEventListener("pointermove", D));
+		}
+		function E(e) {
+			e && e.pointerId !== S || (S = void 0, T(), w(1));
+		}
+		function D() {
+			v() && E();
+		}
+		function O(e) {
+			!o.interactive || s.value || e.defaultPrevented || C || e.isPrimary === !1 || e.button !== 0 || v() || (S = e.pointerId, C = !0, window.addEventListener("pointerup", E, !0), window.addEventListener("pointercancel", E, !0), window.addEventListener("pointermove", D), w(.985));
+		}
+		return h([() => o.interactive, s], ([e, t]) => {
+			C && (!e || t) && E();
+		}), l(() => {
+			T(), x?.stop();
+		}), (e, t) => (u(), i(m(y).div, c(e.$attrs, {
+			"data-slot": "card",
+			"data-selected": a.selected || void 0,
+			onPointerdown: O,
+			style: a.interactive ? { scale: m(p) } : void 0,
+			class: m(n)("relative flex flex-col rounded-2xl border text-card-foreground transition-[border-color,box-shadow,background-color] duration-200", a.variant === "outlined" ? "border-border bg-background" : "border-transparent bg-muted", a.size === "default" ? "gap-6 py-6" : "gap-4 py-4", a.interactive && "cursor-pointer hover:border-border-strong has-focus-visible:outline-2 has-focus-visible:outline-offset-2 has-focus-visible:outline-foreground", a.selected && "border-primary hover:border-primary", e.$attrs.class)
+		}), {
+			default: g(() => [f(e.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"data-selected",
+			"style",
+			"class"
+		]));
+	}
+});
+// src/motion/card/src/parts.ts
+function S(e, t, i, c, l = !1) {
+	return a({
+		name: e,
+		inheritAttrs: !1,
+		setup(e, { attrs: a, slots: u }) {
+			let d = l ? s("orvui-card-size", "default") : "default", f = r(() => l ? m(d) === "default" ? "px-6" : "px-4" : void 0);
+			return () => o(t, {
+				...a,
+				"data-slot": i,
+				class: n(c, f.value, a.class)
+			}, u.default?.());
+		}
+	});
+}
+// src/motion/card/src/CardHeader.vue
+var C = /* @__PURE__ */ a({
+	__name: "CardHeader",
+	setup(e) {
+		let t = S("CardHeader", "div", "card-header", "grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 has-data-[slot=card-action]:grid-cols-[1fr_auto]", !0);
+		return (e, n) => (u(), i(m(t), null, {
+			default: g(() => [f(e.$slots, "default")]),
+			_: 3
+		}));
+	}
+}), w = /* @__PURE__ */ a({
+	__name: "CardDescription",
+	setup(e) {
+		let t = S("CardDescription", "p", "card-description", "text-sm leading-relaxed text-muted-foreground");
+		return (e, n) => (u(), i(m(t), null, {
+			default: g(() => [f(e.$slots, "default")]),
+			_: 3
+		}));
+	}
+}), T = /* @__PURE__ */ a({
+	__name: "CardAction",
+	setup(e) {
+		let t = S("CardAction", "div", "card-action", "col-start-2 row-span-2 row-start-1 flex items-center self-start justify-self-end");
+		return (e, n) => (u(), i(m(t), null, {
+			default: g(() => [f(e.$slots, "default")]),
+			_: 3
+		}));
+	}
+}), E = /* @__PURE__ */ a({
+	__name: "CardContent",
+	setup(e) {
+		let t = S("CardContent", "div", "card-content", "text-sm", !0);
+		return (e, n) => (u(), i(m(t), null, {
+			default: g(() => [f(e.$slots, "default")]),
+			_: 3
+		}));
+	}
+}), D = /* @__PURE__ */ a({
+	__name: "CardFooter",
+	setup(e) {
+		let t = S("CardFooter", "div", "card-footer", "flex items-center gap-2", !0);
+		return (e, n) => (u(), i(m(t), null, {
+			default: g(() => [f(e.$slots, "default")]),
+			_: 3
+		}));
+	}
+}), O = /* @__PURE__ */ a({
+	__name: "CardTitle",
+	props: { as: { default: "div" } },
+	setup(e) {
+		let t = e, n = r(() => t.as);
+		return (e, t) => (u(), i(p(n.value), {
+			"data-slot": "card-title",
+			class: "text-[15px] leading-snug font-semibold text-foreground"
+		}, {
+			default: g(() => [f(e.$slots, "default")]),
+			_: 3
+		}));
+	}
+}), k = "after:absolute after:inset-0";
+export { T as a, x as c, E as i, O as n, w as o, D as r, C as s, k as t };
+
+//# sourceMappingURL=card-87yBBx09.js.map

package/dist/card-87yBBx09.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-87yBBx09.js","names":["$attrs","_openBlock","_createBlock","_unref","_mergeProps","_withCtx","_renderSlot","_sfc_main","_openBlock","_createBlock","_unref","_withCtx","_renderSlot","_sfc_main","_openBlock","_createBlock","_unref","_withCtx","_renderSlot","_sfc_main","_openBlock","_createBlock","_unref","_withCtx","_renderSlot","_sfc_main","_openBlock","_createBlock","_unref","_withCtx","_renderSlot","_sfc_main","_openBlock","_createBlock","_unref","_withCtx","_renderSlot","_sfc_main","_openBlock","_createBlock","_resolveDynamicComponent","_withCtx","_renderSlot","_sfc_main","useReducedMotion","SPRING_PRESS","cn","Card_default","defineComponent","props","__props","reduced","scale","useMotionValue","computed","animation","pointer","listening","animateScale","animate","target","detach","release","checkDrag","event","isDragActive","press","watch","interactive","quiet","onBeforeUnmount","openBlock","createBlock","unref","motion","mergeProps","_ctx","withCtx","renderSlot","createCardPart","size","padded","inject","inset","h","tag","attrs","slot","base","slots","CardHeader_default","Surface","CardDescription_default","CardAction_default","CardContent_default","CardFooter_default","CardTitle_default","resolveDynamicComponent","CARD_TARGET_CLASS"],"sources":["../src/motion/card/src/Card.vue","../src/motion/card/src/Card.vue","../src/motion/card/src/parts.ts","../src/motion/card/src/CardHeader.vue","../src/motion/card/src/CardHeader.vue","../src/motion/card/src/CardDescription.vue","../src/motion/card/src/CardDescription.vue","../src/motion/card/src/CardAction.vue","../src/motion/card/src/CardAction.vue","../src/motion/card/src/CardContent.vue","../src/motion/card/src/CardContent.vue","../src/motion/card/src/CardFooter.vue","../src/motion/card/src/CardFooter.vue","../src/motion/card/src/CardTitle.vue","../src/motion/card/src/CardTitle.vue","../src/motion/card/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, onBeforeUnmount, provide, watch } from \"vue\";\nimport { animate, isDragActive, motion, useMotionValue } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_PRESS } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\n\nconst props = withDefaults(defineProps<{ variant?: \"outlined\" | \"muted\"; size?: \"default\" | \"compact\"; interactive?: boolean; selected?: boolean }>(), { variant: \"outlined\", size: \"default\" });\nconst reduced = useReducedMotion();\nconst scale = useMotionValue(1);\nprovide(\"orvui-card-size\", computed(() => props.size));\nlet animation: ReturnType<typeof animate> | undefined;\nlet pointer: number | undefined;\nlet listening = false;\nfunction animateScale(target: number) {\n  animation?.stop();\n  animation = animate(scale, target, SPRING_PRESS);\n}\nfunction detach() {\n  if (!listening) return;\n  listening = false;\n  window.removeEventListener(\"pointerup\", release, true);\n  window.removeEventListener(\"pointercancel\", release, true);\n  window.removeEventListener(\"pointermove\", checkDrag);\n}\nfunction release(event?: PointerEvent) {\n  if (event && event.pointerId !== pointer) return;\n  pointer = undefined;\n  detach();\n  animateScale(1);\n}\nfunction checkDrag() { if (isDragActive()) release(); }\nfunction press(event: PointerEvent) {\n  if (!props.interactive || reduced.value || event.defaultPrevented || listening\n      || event.isPrimary === false || event.button !== 0 || isDragActive()) return;\n  pointer = event.pointerId;\n  listening = true;\n  window.addEventListener(\"pointerup\", release, true);\n  window.addEventListener(\"pointercancel\", release, true);\n  window.addEventListener(\"pointermove\", checkDrag);\n  animateScale(0.985);\n}\nwatch([() => props.interactive, reduced], ([interactive, quiet]) => { if (listening && (!interactive || quiet)) release(); });\nonBeforeUnmount(() => { detach(); animation?.stop(); });\n</script>\n\n<template>\n  <motion.div v-bind=\"$attrs\" data-slot=\"card\" :data-selected=\"selected || undefined\" @pointerdown=\"press\"\n    :style=\"interactive ? { scale } : undefined\"\n    :class=\"cn('relative flex flex-col rounded-2xl border text-card-foreground transition-[border-color,box-shadow,background-color] duration-200',\n      variant === 'outlined' ? 'border-border bg-background' : 'border-transparent bg-muted',\n      size === 'default' ? 'gap-6 py-6' : 'gap-4 py-4',\n      interactive && 'cursor-pointer hover:border-border-strong has-focus-visible:outline-2 has-focus-visible:outline-offset-2 has-focus-visible:outline-foreground',\n      selected && 'border-primary hover:border-primary', $attrs.class as string)\">\n    <slot />\n  </motion.div>\n</template>\n","<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, onBeforeUnmount, provide, watch } from \"vue\";\nimport { animate, isDragActive, motion, useMotionValue } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_PRESS } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\n\nconst props = withDefaults(defineProps<{ variant?: \"outlined\" | \"muted\"; size?: \"default\" | \"compact\"; interactive?: boolean; selected?: boolean }>(), { variant: \"outlined\", size: \"default\" });\nconst reduced = useReducedMotion();\nconst scale = useMotionValue(1);\nprovide(\"orvui-card-size\", computed(() => props.size));\nlet animation: ReturnType<typeof animate> | undefined;\nlet pointer: number | undefined;\nlet listening = false;\nfunction animateScale(target: number) {\n  animation?.stop();\n  animation = animate(scale, target, SPRING_PRESS);\n}\nfunction detach() {\n  if (!listening) return;\n  listening = false;\n  window.removeEventListener(\"pointerup\", release, true);\n  window.removeEventListener(\"pointercancel\", release, true);\n  window.removeEventListener(\"pointermove\", checkDrag);\n}\nfunction release(event?: PointerEvent) {\n  if (event && event.pointerId !== pointer) return;\n  pointer = undefined;\n  detach();\n  animateScale(1);\n}\nfunction checkDrag() { if (isDragActive()) release(); }\nfunction press(event: PointerEvent) {\n  if (!props.interactive || reduced.value || event.defaultPrevented || listening\n      || event.isPrimary === false || event.button !== 0 || isDragActive()) return;\n  pointer = event.pointerId;\n  listening = true;\n  window.addEventListener(\"pointerup\", release, true);\n  window.addEventListener(\"pointercancel\", release, true);\n  window.addEventListener(\"pointermove\", checkDrag);\n  animateScale(0.985);\n}\nwatch([() => props.interactive, reduced], ([interactive, quiet]) => { if (listening && (!interactive || quiet)) release(); });\nonBeforeUnmount(() => { detach(); animation?.stop(); });\n</script>\n\n<template>\n  <motion.div v-bind=\"$attrs\" data-slot=\"card\" :data-selected=\"selected || undefined\" @pointerdown=\"press\"\n    :style=\"interactive ? { scale } : undefined\"\n    :class=\"cn('relative flex flex-col rounded-2xl border text-card-foreground transition-[border-color,box-shadow,background-color] duration-200',\n      variant === 'outlined' ? 'border-border bg-background' : 'border-transparent bg-muted',\n      size === 'default' ? 'gap-6 py-6' : 'gap-4 py-4',\n      interactive && 'cursor-pointer hover:border-border-strong has-focus-visible:outline-2 has-focus-visible:outline-offset-2 has-focus-visible:outline-foreground',\n      selected && 'border-primary hover:border-primary', $attrs.class as string)\">\n    <slot />\n  </motion.div>\n</template>\n","import { computed, defineComponent, h, inject, unref, type Ref } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\n\n/** Static card regions share the provider's responsive inset contract. */\nexport function createCardPart(name: string, tag: string, slot: string, base: string, padded = false) {\n  return defineComponent({ name, inheritAttrs: false, setup(_, { attrs, slots }) {\n    const size = padded ? inject<Ref<string> | string>(\"orvui-card-size\", \"default\") : \"default\";\n    const inset = computed(() => padded ? unref(size) === \"default\" ? \"px-6\" : \"px-4\" : undefined);\n    return () => h(tag, { ...attrs, \"data-slot\": slot, class: cn(base, inset.value, attrs.class as string) }, slots.default?.());\n  } });\n}\n","<script setup lang=\"ts\">\nimport { createCardPart } from \"./parts\";\nconst Surface = createCardPart(\"CardHeader\", \"div\", \"card-header\", \"grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 has-data-[slot=card-action]:grid-cols-[1fr_auto]\", true);\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><Surface><slot /></Surface></template>\n","<script setup lang=\"ts\">\nimport { createCardPart } from \"./parts\";\nconst Surface = createCardPart(\"CardHeader\", \"div\", \"card-header\", \"grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 has-data-[slot=card-action]:grid-cols-[1fr_auto]\", true);\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><Surface><slot /></Surface></template>\n","<script setup lang=\"ts\">\nimport { createCardPart } from \"./parts\";\nconst Surface = createCardPart(\"CardDescription\", \"p\", \"card-description\", \"text-sm leading-relaxed text-muted-foreground\");\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><Surface><slot /></Surface></template>\n","<script setup lang=\"ts\">\nimport { createCardPart } from \"./parts\";\nconst Surface = createCardPart(\"CardDescription\", \"p\", \"card-description\", \"text-sm leading-relaxed text-muted-foreground\");\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><Surface><slot /></Surface></template>\n","<script setup lang=\"ts\">\nimport { createCardPart } from \"./parts\";\nconst Surface = createCardPart(\"CardAction\", \"div\", \"card-action\", \"col-start-2 row-span-2 row-start-1 flex items-center self-start justify-self-end\");\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><Surface><slot /></Surface></template>\n","<script setup lang=\"ts\">\nimport { createCardPart } from \"./parts\";\nconst Surface = createCardPart(\"CardAction\", \"div\", \"card-action\", \"col-start-2 row-span-2 row-start-1 flex items-center self-start justify-self-end\");\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><Surface><slot /></Surface></template>\n","<script setup lang=\"ts\">\nimport { createCardPart } from \"./parts\";\nconst Surface = createCardPart(\"CardContent\", \"div\", \"card-content\", \"text-sm\", true);\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><Surface><slot /></Surface></template>\n","<script setup lang=\"ts\">\nimport { createCardPart } from \"./parts\";\nconst Surface = createCardPart(\"CardContent\", \"div\", \"card-content\", \"text-sm\", true);\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><Surface><slot /></Surface></template>\n","<script setup lang=\"ts\">\nimport { createCardPart } from \"./parts\";\nconst Surface = createCardPart(\"CardFooter\", \"div\", \"card-footer\", \"flex items-center gap-2\", true);\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><Surface><slot /></Surface></template>\n","<script setup lang=\"ts\">\nimport { createCardPart } from \"./parts\";\nconst Surface = createCardPart(\"CardFooter\", \"div\", \"card-footer\", \"flex items-center gap-2\", true);\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><Surface><slot /></Surface></template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nconst props = withDefaults(defineProps<{ as?: \"div\" | \"h2\" | \"h3\" | \"h4\" }>(), { as: \"div\" });\nconst tag = computed(() => props.as);\n</script>\n<template><component :is=\"tag\" data-slot=\"card-title\" class=\"text-[15px] leading-snug font-semibold text-foreground\"><slot /></component></template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nconst props = withDefaults(defineProps<{ as?: \"div\" | \"h2\" | \"h3\" | \"h4\" }>(), { as: \"div\" });\nconst tag = computed(() => props.as);\n</script>\n<template><component :is=\"tag\" data-slot=\"card-title\" class=\"text-[15px] leading-snug font-semibold text-foreground\"><slot /></component></template>\n","export { default as Card } from \"./src/Card.vue\";\nexport { default as CardHeader } from \"./src/CardHeader.vue\";\nexport { default as CardDescription } from \"./src/CardDescription.vue\";\nexport { default as CardAction } from \"./src/CardAction.vue\";\nexport { default as CardContent } from \"./src/CardContent.vue\";\nexport { default as CardFooter } from \"./src/CardFooter.vue\";\nexport { default as CardTitle } from \"./src/CardTitle.vue\";\nexport const CARD_TARGET_CLASS = \"after:absolute after:inset-0\";\nexport type CardVariant = \"outlined\" | \"muted\";\nexport type CardSize = \"default\" | \"compact\";\n\nexport type * from \"./src/api-types\";\n"],"mappings":"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"}