@orvui/vue 0.0.0-stage → 0.1.0

package/dist/shared-BY_cwEzO.js

@@ -0,0 +1,88 @@
+import { computed as e, inject as t, onBeforeUnmount as n, onMounted as r, ref as i, watch as a } from "vue";
+// src/charts/shared.ts
+var o = new Intl.NumberFormat("en-US", { maximumFractionDigits: 2 }), s = new Intl.NumberFormat("en-US", {
+	notation: "compact",
+	maximumFractionDigits: 1
+}), c = (e) => o.format(e), l = (e) => s.format(e);
+function u(e) {
+	let n = Symbol(e);
+	function r() {
+		let r = t(n);
+		if (r == null) throw Error(`${e} parts must be rendered inside ${e}.`);
+		return r;
+	}
+	return {
+		key: n,
+		use: r
+	};
+}
+function d(t, n, r) {
+	let a = i(n);
+	return e({
+		get() {
+			let e = t();
+			return e === void 0 ? a.value : e;
+		},
+		set(e) {
+			t() === void 0 && (a.value = e), r(e);
+		}
+	});
+}
+function f(t, n, r, i) {
+	let o = d(t, n, i), s = e(() => new Set(r.value));
+	return a(s, (e) => {
+		let n = o.value;
+		t() === void 0 && n !== null && !e.has(n) && (o.value = null);
+	}), e({
+		get() {
+			let e = o.value;
+			return e !== null && s.value.has(e) ? e : null;
+		},
+		set: (e) => {
+			o.value = e;
+		}
+	});
+}
+function p(e, t) {
+	let o = i({ ...t }), s, c;
+	return r(() => {
+		typeof ResizeObserver < "u" && (s = new ResizeObserver((t) => {
+			let n = t.find((t) => t.target === e.value)?.contentRect;
+			n && n.width > 0 && n.height > 0 && (n.width !== o.value.width || n.height !== o.value.height) && (o.value = {
+				width: n.width,
+				height: n.height
+			});
+		}), c = a(e, (e, t) => {
+			t && s?.unobserve(t), e && s?.observe(e);
+		}, { immediate: !0 }));
+	}), n(() => {
+		c?.(), s?.disconnect();
+	}), o;
+}
+function m(e, t, n, r = 1) {
+	if (n <= 0) return;
+	let i = Math.max(1, r), a = Math.floor(t / i) * i, o = {
+		ArrowRight: t + 1,
+		ArrowLeft: t - 1,
+		ArrowDown: t + i,
+		ArrowUp: t - i,
+		Home: e.ctrlKey ? 0 : a,
+		End: e.ctrlKey ? n - 1 : a + i - 1
+	};
+	if (!(e.key in o)) return;
+	e.preventDefault();
+	let s = e.currentTarget;
+	if (!(s instanceof HTMLElement)) return;
+	let c = s.closest("[data-chart-keyboard]")?.querySelectorAll("[data-chart-item]"), l = Math.max(0, Math.min(n - 1, o[e.key]));
+	c?.[l]?.focus();
+}
+function h(e) {
+	let t = Object.fromEntries(Object.keys(e.value).map((t) => [t, {
+		enumerable: !0,
+		get: () => e.value[t]
+	}]));
+	return Object.defineProperties({}, t);
+}
+export { m as a, p as c, c as i, u as n, d as o, l as r, h as s, f as t };
+
+//# sourceMappingURL=shared-BY_cwEzO.js.map

package/dist/shared-BY_cwEzO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-BY_cwEzO.js","names":["numeric","compact","formatNumber","value","formatCompact","context","key","name","use","provided","inject","selection","fallback","ref","initial","computed","supplied","get","change","activeSelection","requested","available","ids","watch","id","current","usePlotSize","size","observer","stop","onMounted","box","entries","item","element","previous","onBeforeUnmount","moveFocus","count","stride","columns","rowStart","index","destinations","event","destination","unwrapModel","descriptors","model"],"sources":["../src/charts/shared.ts"],"sourcesContent":["import {\n  computed,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n  type ComputedRef,\n  type InjectionKey,\n  type Ref,\n} from \"vue\";\n\nconst numeric = new Intl.NumberFormat(\"en-US\", { maximumFractionDigits: 2 });\nconst compact = new Intl.NumberFormat(\"en-US\", {\n  notation: \"compact\",\n  maximumFractionDigits: 1,\n});\nexport const formatNumber = (value: number) => numeric.format(value);\nexport const formatCompact = (value: number) => compact.format(value);\n\nexport function context<T>(name: string) {\n  const key: InjectionKey<T> = Symbol(name);\n  function use(): T {\n    const provided = inject(key);\n    if (provided === undefined || provided === null)\n      throw new Error(`${name} parts must be rendered inside ${name}.`);\n    return provided;\n  }\n  return { key, use };\n}\n\nexport function selection<T>(\n  get: () => T | undefined,\n  initial: T,\n  change: (value: T) => void,\n) {\n  const fallback = ref(initial) as Ref<T>;\n  return computed<T>({\n    get() {\n      const supplied = get();\n      return supplied === undefined ? fallback.value : supplied;\n    },\n    set(value) {\n      if (get() === undefined) fallback.value = value;\n      change(value);\n    },\n  });\n}\n\nexport function activeSelection(\n  get: () => string | null | undefined,\n  initial: string | null,\n  ids: ComputedRef<string[]>,\n  change: (id: string | null) => void,\n) {\n  const requested = selection(get, initial, change);\n  const available = computed(() => new Set(ids.value));\n  watch(available, (current) => {\n    const id = requested.value;\n    if (get() === undefined && id !== null && !current.has(id))\n      requested.value = null;\n  });\n  return computed<string | null>({\n    get() {\n      const id = requested.value;\n      return id !== null && available.value.has(id) ? id : null;\n    },\n    set: (id) => {\n      requested.value = id;\n    },\n  });\n}\n\nexport function usePlotSize(\n  element: Ref<HTMLElement | null>,\n  initial: { width: number; height: number },\n) {\n  const size = ref({ ...initial });\n  let observer: ResizeObserver | undefined;\n  let stop: (() => void) | undefined;\n  onMounted(() => {\n    if (typeof ResizeObserver === \"undefined\") return;\n    observer = new ResizeObserver((entries) => {\n      const entry = entries.find((item) => item.target === element.value);\n      const box = entry?.contentRect;\n      if (\n        box &&\n        box.width > 0 &&\n        box.height > 0 &&\n        (box.width !== size.value.width || box.height !== size.value.height)\n      )\n        size.value = { width: box.width, height: box.height };\n    });\n    stop = watch(\n      element,\n      (current, previous) => {\n        if (previous) observer?.unobserve(previous);\n        if (current) observer?.observe(current);\n      },\n      { immediate: true },\n    );\n  });\n  onBeforeUnmount(() => {\n    stop?.();\n    observer?.disconnect();\n  });\n  return size;\n}\n\nexport function moveFocus(\n  event: KeyboardEvent,\n  index: number,\n  count: number,\n  columns = 1,\n) {\n  if (count <= 0) return;\n  const stride = Math.max(1, columns);\n  const rowStart = Math.floor(index / stride) * stride;\n  const destinations: Record<string, number> = {\n    ArrowRight: index + 1,\n    ArrowLeft: index - 1,\n    ArrowDown: index + stride,\n    ArrowUp: index - stride,\n    Home: event.ctrlKey ? 0 : rowStart,\n    End: event.ctrlKey ? count - 1 : rowStart + stride - 1,\n  };\n  if (!(event.key in destinations)) return;\n  event.preventDefault();\n  const current = event.currentTarget;\n  if (!(current instanceof HTMLElement)) return;\n  const entries = current\n    .closest(\"[data-chart-keyboard]\")\n    ?.querySelectorAll<HTMLElement>(\"[data-chart-item]\");\n  const destination = Math.max(0, Math.min(count - 1, destinations[event.key]));\n  entries?.[destination]?.focus();\n}\n\nexport function unwrapModel<T extends object>(model: ComputedRef<T>): T {\n  const descriptors = Object.fromEntries(\n    Object.keys(model.value).map((key) => [\n      key,\n      {\n        enumerable: true,\n        get: () => model.value[key as keyof T],\n      },\n    ]),\n  );\n  return Object.defineProperties({} as T, descriptors);\n}\n"],"mappings":"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"}

package/dist/shared-ByEZ4bm_.js

@@ -0,0 +1,26 @@
+import { onBeforeUnmount as e, ref as t } from "vue";
+// src/agents/shared.ts
+function n(n, r) {
+	let i = t(!1), a, o = 0, s = !0;
+	async function c() {
+		let e = ++o;
+		a !== void 0 && clearTimeout(a), i.value = !1;
+		try {
+			if (r ? await r() : await navigator.clipboard.writeText(n()), !s || e !== o) return;
+			i.value = !0, a = setTimeout(() => {
+				s && (i.value = !1);
+			}, 1600);
+		} catch {
+			s && e === o && (i.value = !1);
+		}
+	}
+	return e(() => {
+		s = !1, o++, a !== void 0 && clearTimeout(a);
+	}), {
+		copied: i,
+		copy: c
+	};
+}
+export { n as t };
+
+//# sourceMappingURL=shared-ByEZ4bm_.js.map

package/dist/shared-ByEZ4bm_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-ByEZ4bm_.js","names":["useClipboard","copied","ref","reset","generation","alive","copy","request","callback","read","onBeforeUnmount"],"sources":["../src/agents/shared.ts"],"sourcesContent":["export {\n  RenderNode,\n  useControllable,\n  useOutside,\n  useReduced,\n  rove,\n  type Content,\n} from \"../blocks/shared\";\nimport { onBeforeUnmount, ref } from \"vue\";\n\nexport function useClipboard(\n  read: () => string,\n  callback?: () => void | Promise<void>,\n) {\n  const copied = ref(false);\n  let reset: ReturnType<typeof setTimeout> | undefined;\n  let generation = 0;\n  let alive = true;\n  async function copy() {\n    const request = ++generation;\n    if (reset !== undefined) clearTimeout(reset);\n    copied.value = false;\n    try {\n      if (callback) await callback();\n      else await navigator.clipboard.writeText(read());\n      if (!alive || request !== generation) return;\n      copied.value = true;\n      reset = setTimeout(() => {\n        if (alive) copied.value = false;\n      }, 1600);\n    } catch {\n      if (alive && request === generation) copied.value = false;\n    }\n  }\n  onBeforeUnmount(() => {\n    alive = false;\n    generation++;\n    if (reset !== undefined) clearTimeout(reset);\n  });\n  return { copied, copy };\n}\n"],"mappings":";;AAUA,SAAgBA,EACd,GACA,GACA;CACA,IAAMC,IAASC,EAAI,EAAK,GACpBC,GACAC,IAAa,GACbC,IAAQ;CACZ,eAAeC,IAAO;EACpB,IAAMC,IAAU,EAAEH;EAElB,AADID,MAAU,KAAA,KAAW,aAAaA,CAAK,GAC3C,EAAO,QAAQ;EACf,IAAI;GAGF,IAFIK,IAAU,MAAMA,EAAS,IACxB,MAAM,UAAU,UAAU,UAAUC,EAAK,CAAC,GAC3C,CAACJ,KAASE,MAAYH,GAAY;GAEtC,AADA,EAAO,QAAQ,IACf,IAAQ,iBAAiB;IACvB,AAAIC,MAAO,EAAO,QAAQ;GAC5B,GAAG,IAAI;EACT,QAAQ;GACN,AAAIA,KAASE,MAAYH,MAAY,EAAO,QAAQ;EACtD;CACF;CAMA,OALAM,QAAsB;EAGpB,AAFA,IAAQ,IACR,KACIP,MAAU,KAAA,KAAW,aAAaA,CAAK;CAC7C,CAAC,GACM;EAAE;EAAQ;CAAK;AACxB"}

package/dist/shared-DAEawhBJ.js

@@ -0,0 +1,66 @@
+import { o as e, t } from "./composables-BJ1sih_H.js";
+import { computed as n, defineComponent as r, h as i, isVNode as a, onMounted as o, onUnmounted as s, ref as c } from "vue";
+// src/blocks/shared.ts
+var l = r({
+	props: ["node"],
+	setup(e) {
+		return () => {
+			let t = e.node;
+			return a(t) || t == null ? t : typeof t == "function" || typeof t == "object" ? i(t) : t;
+		};
+	}
+});
+function u(e, t, r) {
+	let i = c(t);
+	return n({
+		get() {
+			let t = e();
+			return t === void 0 ? i.value : t;
+		},
+		set(t) {
+			e() === void 0 && (i.value = t), r(t);
+		}
+	});
+}
+function d() {
+	let e = c(!1), t;
+	return o(() => {
+		if (typeof matchMedia != "function") return;
+		let n = matchMedia("(prefers-reduced-motion: reduce)"), r = () => {
+			e.value = n.matches;
+		};
+		r(), n.addEventListener("change", r), t = () => n.removeEventListener("change", r);
+	}), s(() => t?.()), e;
+}
+function f(e, t, n = "button:not(:disabled)") {
+	let r = [...t.querySelectorAll(n)];
+	if (!r.length) return;
+	let i = r.indexOf(t.ownerDocument.activeElement), a;
+	switch (e.key) {
+		case "ArrowRight":
+		case "ArrowDown":
+			a = (i + 1) % r.length;
+			break;
+		case "ArrowLeft":
+		case "ArrowUp":
+			a = (i - 1 + r.length) % r.length;
+			break;
+		case "Home":
+			a = 0;
+			break;
+		case "End":
+			a = r.length - 1;
+			break;
+		default: return;
+	}
+	e.preventDefault(), r[a]?.focus();
+}
+function p(r, i, a) {
+	let o = n(() => t(i.value));
+	e(r, o, () => {
+		r.value = !1;
+	}, a);
+}
+export { d as a, p as i, f as n, u as r, l as t };
+
+//# sourceMappingURL=shared-DAEawhBJ.js.map

package/dist/shared-DAEawhBJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-DAEawhBJ.js","names":["useOverlay","RenderNode","defineComponent","node","props","isVNode","h","useControllable","saved","ref","initial","computed","value","get","emit","useReduced","reduced","detach","onMounted","query","read","onUnmounted","rove","items","root","selector","current","destination","event","useDialog","element","resolveElement","open"],"sources":["../src/blocks/shared.ts"],"sourcesContent":["import { useBlockDismiss } from \"./dismiss\";\nimport { resolveElement, useOverlay } from \"../lib/composables\";\nimport {\n  computed,\n  defineComponent,\n  h,\n  isVNode,\n  onMounted,\n  onUnmounted,\n  ref,\n  type Component,\n  type Ref,\n  type VNodeChild,\n} from \"vue\";\n\nexport type Content = VNodeChild | Component;\nexport const RenderNode = defineComponent({\n  props: [\"node\"],\n  setup(props) {\n    return () => {\n      const node = props.node;\n      if (isVNode(node) || node === null || node === undefined) return node;\n      if (typeof node === \"function\" || typeof node === \"object\")\n        return h(node as Component);\n      return node;\n    };\n  },\n});\n\nexport function useControllable<T>(\n  get: () => T | undefined,\n  initial: T,\n  emit: (value: T) => void,\n) {\n  const saved = ref(initial) as Ref<T>;\n  return computed<T>({\n    get() {\n      const value = get();\n      return value === undefined ? saved.value : value;\n    },\n    set(value) {\n      if (get() === undefined) saved.value = value;\n      emit(value);\n    },\n  });\n}\n\nexport function useOutside(\n  root: Ref<HTMLElement | undefined>,\n  close: () => void,\n  open: Ref<boolean>,\n) {\n  useBlockDismiss(open, root, close);\n}\n\nexport function useReduced() {\n  const reduced = ref(false);\n  let detach: (() => void) | undefined;\n  onMounted(() => {\n    if (typeof matchMedia !== \"function\") return;\n    const query = matchMedia(\"(prefers-reduced-motion: reduce)\");\n    const read = () => {\n      reduced.value = query.matches;\n    };\n    read();\n    query.addEventListener(\"change\", read);\n    detach = () => query.removeEventListener(\"change\", read);\n  });\n  onUnmounted(() => detach?.());\n  return reduced;\n}\n\nexport function rove(\n  event: KeyboardEvent,\n  root: HTMLElement,\n  selector = \"button:not(:disabled)\",\n) {\n  const items = [...root.querySelectorAll<HTMLElement>(selector)];\n  if (!items.length) return;\n  const current = items.indexOf(\n    root.ownerDocument.activeElement as HTMLElement,\n  );\n  let destination: number;\n  switch (event.key) {\n    case \"ArrowRight\":\n    case \"ArrowDown\":\n      destination = (current + 1) % items.length;\n      break;\n    case \"ArrowLeft\":\n    case \"ArrowUp\":\n      destination = (current - 1 + items.length) % items.length;\n      break;\n    case \"Home\":\n      destination = 0;\n      break;\n    case \"End\":\n      destination = items.length - 1;\n      break;\n    default:\n      return;\n  }\n  event.preventDefault();\n  items[destination]?.focus();\n}\n\nexport function useDialog(\n  open: Ref<boolean>,\n  root: Ref<HTMLElement | undefined>,\n  initial?: () => HTMLElement | undefined,\n) {\n  const element = computed(() => resolveElement<HTMLElement>(root.value));\n  useOverlay(\n    open,\n    element,\n    () => {\n      open.value = false;\n    },\n    initial,\n  );\n}\n"],"mappings":";;;AAgBA,IAAaC,IAAaC,EAAgB;CACxC,OAAO,CAAC,MAAM;CACd,MAAM,GAAO;EACX,aAAa;GACX,IAAMC,IAAOC,EAAM;GAInB,OAHIC,EAAQF,CAAI,KAAKA,KAAS,OAAmCA,IAC7D,OAAOA,KAAS,cAAc,OAAOA,KAAS,WACzCG,EAAEH,CAAiB,IACrBA;EACT;CACF;AACF,CAAC;AAED,SAAgBI,EACd,GACA,GACA,GACA;CACA,IAAMC,IAAQC,EAAIC,CAAO;CACzB,OAAOC,EAAY;EACjB,MAAM;GACJ,IAAMC,IAAQC,EAAI;GAClB,OAAOD,MAAU,KAAA,IAAYJ,EAAM,QAAQI;EAC7C;EACA,IAAI,GAAO;GAET,AADIC,EAAI,MAAM,KAAA,MAAW,EAAM,QAAQD,IACvCE,EAAKF,CAAK;EACZ;CACF,CAAC;AACH;AAUA,SAAgBG,IAAa;CAC3B,IAAMC,IAAUP,EAAI,EAAK,GACrBQ;CAYJ,OAXAC,QAAgB;EACd,IAAI,OAAO,cAAe,YAAY;EACtC,IAAMC,IAAQ,WAAW,kCAAkC,GACrDC,UAAa;GACjB,EAAQ,QAAQD,EAAM;EACxB;EAGA,AAFAC,EAAK,GACLD,EAAM,iBAAiB,UAAUC,CAAI,GACrC,UAAeD,EAAM,oBAAoB,UAAUC,CAAI;CACzD,CAAC,GACDC,QAAkBJ,IAAS,CAAC,GACrBD;AACT;AAEA,SAAgBM,EACd,GACA,GACA,IAAW,yBACX;CACA,IAAMC,IAAQ,CAAC,GAAGC,EAAK,iBAA8BC,CAAQ,CAAC;CAC9D,IAAI,CAACF,EAAM,QAAQ;CACnB,IAAMG,IAAUH,EAAM,QACpBC,EAAK,cAAc,aACrB,GACIG;CACJ,QAAQC,EAAM,KAAd;EACE,KAAK;EACL,KAAK;GACH,KAAeF,IAAU,KAAKH,EAAM;GACpC;EACF,KAAK;EACL,KAAK;GACH,KAAeG,IAAU,IAAIH,EAAM,UAAUA,EAAM;GACnD;EACF,KAAK;GACH,IAAc;GACd;EACF,KAAK;GACH,IAAcA,EAAM,SAAS;GAC7B;EACF,SACE;CACJ;CAEA,AADAK,EAAM,eAAe,GACrBL,EAAMI,EAAY,EAAE,MAAM;AAC5B;AAEA,SAAgBE,EACd,GACA,GACA,GACA;CACA,IAAMC,IAAUnB,QAAeoB,EAA4BP,EAAK,KAAK,CAAC;CACtE,EACEQ,GACAF,SACM;EACJ,EAAK,QAAQ;CACf,GACApB,CACF;AACF"}

package/dist/shared-layout-bg-QIKkMnLV.js

@@ -0,0 +1,96 @@
+import { s as e } from "./composables-BJ1sih_H.js";
+import { o as t } from "./ease-rIvCM4O3.js";
+import { t as n } from "./utils-DIrLOK2M.js";
+import { Comment as r, Fragment as i, cloneVNode as a, defineComponent as o, h as s, isVNode as c, mergeProps as l, ref as u, useId as d } from "vue";
+import { AnimatePresence as f, motion as p } from "motion-v";
+// src/motion/shared-layout-bg/src/SharedLayoutBg.vue?vue&type=script&lang.ts
+function m(e) {
+	return e.flatMap((e) => !c(e) || e.type === r ? [] : e.type === i && Array.isArray(e.children) ? m(e.children) : typeof e.type == "symbol" ? [] : [e]);
+}
+function h(e, t, n) {
+	let r = a(e, t, !0), i = !!(e.shapeFlag & 6);
+	return r.children = i ? {
+		...e.children && typeof e.children == "object" && !Array.isArray(e.children) ? e.children : {},
+		default: () => n
+	} : n, r.shapeFlag = r.shapeFlag & -57 | (i ? 32 : 16), r.patchFlag = -2, r;
+}
+// src/motion/shared-layout-bg/src/SharedLayoutBg.vue
+var g = o({
+	name: "SharedLayoutBg",
+	inheritAttrs: !1,
+	props: {
+		as: {
+			type: String,
+			default: "div"
+		},
+		pillClassName: String,
+		inset: {
+			type: Number,
+			default: 20
+		},
+		pillContainerClassName: String
+	},
+	setup(r, { attrs: i, slots: a }) {
+		let o = u(null), c = d(), g = e(), _ = !1;
+		function v(e) {
+			_ = !1;
+			let t = e.currentTarget;
+			t.contains(t.ownerDocument.activeElement) || (o.value = null);
+		}
+		function y(e) {
+			!_ && !e.currentTarget.contains(e.relatedTarget) && (o.value = null);
+		}
+		function b() {
+			let e = g.value ? { opacity: 1 } : {
+				opacity: 1,
+				filter: "blur(0px)"
+			}, t = g.value ? { opacity: 0 } : {
+				opacity: 0,
+				filter: "blur(6px)"
+			};
+			return {
+				initial: t,
+				animate: e,
+				exit: (e) => e ? {} : t
+			};
+		}
+		function x(e, i) {
+			let a = e.key == null ? `item-${i}` : String(e.key), l = e.children && typeof e.children == "object" && !Array.isArray(e.children) ? e.children : void 0, u = l ? l.default?.() : e.children, d = s(f, { custom: o.value === null ? 0 : 1 }, () => o.value === null ? null : s(p.div, {
+				key: "pill-wrapper",
+				variants: b(),
+				initial: "initial",
+				animate: "animate",
+				exit: "exit",
+				custom: o.value === null ? 0 : 1,
+				class: n("pointer-events-none absolute inset-y-0", r.pillContainerClassName),
+				style: {
+					left: `${-r.inset}px`,
+					right: `${-r.inset}px`
+				}
+			}, () => o.value === a ? s(p.div, {
+				layoutId: `shared-bg-${c}`,
+				transition: g.value ? { duration: 0 } : t,
+				class: n("pointer-events-none h-full w-full rounded-2xl bg-muted/80", r.pillClassName)
+			}) : null));
+			return h(e, {
+				key: a,
+				class: n("relative", e.props?.class),
+				onMouseenter() {
+					_ = !0, o.value = a;
+				},
+				onFocusin() {
+					o.value = a;
+				}
+			}, [d, s("div", { class: "relative z-10" }, u)]);
+		}
+		return () => s(r.as === "ul" ? p.ul : p.div, l(i, {
+			layoutRoot: !0,
+			class: n("flex w-full flex-col", i.class),
+			onMouseleave: v,
+			onFocusout: y
+		}), () => m(a.default?.() ?? []).map(x));
+	}
+});
+export { g as t };
+
+//# sourceMappingURL=shared-layout-bg-QIKkMnLV.js.map

package/dist/shared-layout-bg-QIKkMnLV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-layout-bg-QIKkMnLV.js","names":["_sfc_main","useReducedMotion","SPRING_LAYOUT","cn","children","nodes","isVNode","node","Comment","Fragment","replaceContents","result","cloneVNode","child","additions","component","contents","SharedLayoutBg_default","defineComponent","active","ref","id","useId","reduced","pointerInside","leave","root","event","blur","presence","rest","hidden","another","row","key","index","slots","body","pill","h","AnimatePresence","motion","props","mergeProps","attrs"],"sources":["../src/motion/shared-layout-bg/src/SharedLayoutBg.vue","../src/motion/shared-layout-bg/src/SharedLayoutBg.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { Comment, Fragment, cloneVNode, defineComponent, h, isVNode, mergeProps, ref, useId, type PropType, type VNode, type VNodeChild } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nexport interface SharedLayoutBgProps { as?: \"div\" | \"ul\"; pillClassName?: string; inset?: number; pillContainerClassName?: string }\nfunction children(nodes: unknown[]): VNode[] {\n  return nodes.flatMap(node => !isVNode(node) || node.type === Comment ? [] : node.type === Fragment && Array.isArray(node.children) ? children(node.children) : typeof node.type === \"symbol\" ? [] : [node]);\n}\nfunction replaceContents(child: VNode, additions: Record<string, unknown>, contents: VNode[]) {\n  const result = cloneVNode(child, additions, true);\n  const component = (child.shapeFlag & 6) !== 0;\n  result.children = component ? { ...(child.children && typeof child.children === \"object\" && !Array.isArray(child.children) ? child.children : {}), default: () => contents } : contents;\n  result.shapeFlag = (result.shapeFlag & ~(8 | 16 | 32)) | (component ? 32 : 16);\n  result.patchFlag = -2;\n  return result;\n}\nexport default defineComponent({\n  name: \"SharedLayoutBg\", inheritAttrs: false,\n  props: { as: { type: String as PropType<\"div\" | \"ul\">, default: \"div\" }, pillClassName: String, inset: { type: Number, default: 20 }, pillContainerClassName: String },\n  setup(props, { attrs, slots }) {\n    const active = ref<string | null>(null), id = useId(), reduced = useReducedMotion();\n    let pointerInside = false;\n    function leave(event: MouseEvent) {\n      pointerInside = false;\n      const root = event.currentTarget as HTMLElement;\n      if (!root.contains(root.ownerDocument.activeElement)) active.value = null;\n    }\n    function blur(event: FocusEvent) {\n      if (!pointerInside && !(event.currentTarget as HTMLElement).contains(event.relatedTarget as Node | null)) active.value = null;\n    }\n    function presence() {\n      const rest = reduced.value ? { opacity: 1 } : { opacity: 1, filter: \"blur(0px)\" };\n      const hidden = reduced.value ? { opacity: 0 } : { opacity: 0, filter: \"blur(6px)\" };\n      return { initial: hidden, animate: rest, exit: (another: unknown) => another ? {} : hidden };\n    }\n    function row(child: VNode, index: number) {\n      const key = child.key == null ? `item-${index}` : String(child.key);\n      const slots = child.children && typeof child.children === \"object\" && !Array.isArray(child.children) ? child.children as { default?: () => VNodeChild } : undefined;\n      const body = slots ? slots.default?.() : child.children;\n      const pill = h(AnimatePresence, { custom: active.value !== null ? 1 : 0 }, () => active.value === null ? null : h(motion.div, {\n        key: \"pill-wrapper\", variants: presence(), initial: \"initial\", animate: \"animate\", exit: \"exit\", custom: active.value !== null ? 1 : 0,\n        class: cn(\"pointer-events-none absolute inset-y-0\", props.pillContainerClassName), style: { left: `${-props.inset}px`, right: `${-props.inset}px` },\n      }, () => active.value !== key ? null : h(motion.div, { layoutId: `shared-bg-${id}`, transition: reduced.value ? { duration: 0 } : SPRING_LAYOUT, class: cn(\"pointer-events-none h-full w-full rounded-2xl bg-muted/80\", props.pillClassName) })));\n      return replaceContents(child, {\n        key, class: cn(\"relative\", child.props?.class), onMouseenter() { pointerInside = true; active.value = key; }, onFocusin() { active.value = key; },\n      }, [pill, h(\"div\", { class: \"relative z-10\" }, body as any)]);\n    }\n    return () => h(props.as === \"ul\" ? motion.ul : motion.div,\n      mergeProps(attrs, { layoutRoot: true, class: cn(\"flex w-full flex-col\", attrs.class), onMouseleave: leave, onFocusout: blur }),\n      () => children(slots.default?.() ?? []).map(row));\n  },\n});\n</script>\n","<script lang=\"ts\">\nimport { Comment, Fragment, cloneVNode, defineComponent, h, isVNode, mergeProps, ref, useId, type PropType, type VNode, type VNodeChild } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nexport interface SharedLayoutBgProps { as?: \"div\" | \"ul\"; pillClassName?: string; inset?: number; pillContainerClassName?: string }\nfunction children(nodes: unknown[]): VNode[] {\n  return nodes.flatMap(node => !isVNode(node) || node.type === Comment ? [] : node.type === Fragment && Array.isArray(node.children) ? children(node.children) : typeof node.type === \"symbol\" ? [] : [node]);\n}\nfunction replaceContents(child: VNode, additions: Record<string, unknown>, contents: VNode[]) {\n  const result = cloneVNode(child, additions, true);\n  const component = (child.shapeFlag & 6) !== 0;\n  result.children = component ? { ...(child.children && typeof child.children === \"object\" && !Array.isArray(child.children) ? child.children : {}), default: () => contents } : contents;\n  result.shapeFlag = (result.shapeFlag & ~(8 | 16 | 32)) | (component ? 32 : 16);\n  result.patchFlag = -2;\n  return result;\n}\nexport default defineComponent({\n  name: \"SharedLayoutBg\", inheritAttrs: false,\n  props: { as: { type: String as PropType<\"div\" | \"ul\">, default: \"div\" }, pillClassName: String, inset: { type: Number, default: 20 }, pillContainerClassName: String },\n  setup(props, { attrs, slots }) {\n    const active = ref<string | null>(null), id = useId(), reduced = useReducedMotion();\n    let pointerInside = false;\n    function leave(event: MouseEvent) {\n      pointerInside = false;\n      const root = event.currentTarget as HTMLElement;\n      if (!root.contains(root.ownerDocument.activeElement)) active.value = null;\n    }\n    function blur(event: FocusEvent) {\n      if (!pointerInside && !(event.currentTarget as HTMLElement).contains(event.relatedTarget as Node | null)) active.value = null;\n    }\n    function presence() {\n      const rest = reduced.value ? { opacity: 1 } : { opacity: 1, filter: \"blur(0px)\" };\n      const hidden = reduced.value ? { opacity: 0 } : { opacity: 0, filter: \"blur(6px)\" };\n      return { initial: hidden, animate: rest, exit: (another: unknown) => another ? {} : hidden };\n    }\n    function row(child: VNode, index: number) {\n      const key = child.key == null ? `item-${index}` : String(child.key);\n      const slots = child.children && typeof child.children === \"object\" && !Array.isArray(child.children) ? child.children as { default?: () => VNodeChild } : undefined;\n      const body = slots ? slots.default?.() : child.children;\n      const pill = h(AnimatePresence, { custom: active.value !== null ? 1 : 0 }, () => active.value === null ? null : h(motion.div, {\n        key: \"pill-wrapper\", variants: presence(), initial: \"initial\", animate: \"animate\", exit: \"exit\", custom: active.value !== null ? 1 : 0,\n        class: cn(\"pointer-events-none absolute inset-y-0\", props.pillContainerClassName), style: { left: `${-props.inset}px`, right: `${-props.inset}px` },\n      }, () => active.value !== key ? null : h(motion.div, { layoutId: `shared-bg-${id}`, transition: reduced.value ? { duration: 0 } : SPRING_LAYOUT, class: cn(\"pointer-events-none h-full w-full rounded-2xl bg-muted/80\", props.pillClassName) })));\n      return replaceContents(child, {\n        key, class: cn(\"relative\", child.props?.class), onMouseenter() { pointerInside = true; active.value = key; }, onFocusin() { active.value = key; },\n      }, [pill, h(\"div\", { class: \"relative z-10\" }, body as any)]);\n    }\n    return () => h(props.as === \"ul\" ? motion.ul : motion.div,\n      mergeProps(attrs, { layoutRoot: true, class: cn(\"flex w-full flex-col\", attrs.class), onMouseleave: leave, onFocusout: blur }),\n      () => children(slots.default?.() ?? []).map(row));\n  },\n});\n</script>\n"],"mappings":"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"}