@orvui/vue 0.0.0-stage → 0.1.0

package/dist/sankey-chart-BBWohlgh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sankey-chart-BBWohlgh.js","names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_openBlock","_createElementBlock","_createElementVNode","_unref","_toDisplayString","_Fragment","_renderList","_createVNode","_createBlock","_withCtx","_createCommentVNode","_normalizeStyle","_sfc_main","_hoisted_1","_hoisted_2","_openBlock","_createBlock","ChartTooltip","_unref","_withCtx","_renderSlot","_createElementBlock","_Fragment","_createElementVNode","_toDisplayString","_createVNode","NumberTicker","_createCommentVNode","_sfc_main","emit","_openBlock","_createElementBlock","_unref","_normalizeClass","_renderSlot","_createVNode","SankeyChartPlot","SankeyChartTooltip","_createElementVNode","_toDisplayString","_Fragment","_renderList","_sfc_main","useMediaQuery","useReducedMotion","SPRING_LAYOUT","NumberTicker_default","usePlotSize","formatNumber","context","activeSelection","ChartTooltip_default","SANKEY_COLORS","linkId","link","append","list","map","id","value","cleanSankey","identities","node","invalid","edges","edge","links","key","previous","outgoing","entered","finished","backEdges","root","traversal","frame","kept","cycle","layoutSankey","options","incoming","received","sent","data","remaining","depth","ready","index","count","linked","width","height","terminal","columns","step","nodeWidth","sourceIndices","placed","inValue","outValue","column","colors","nodesById","lanes","padding","nodePadding","lane","unit","sum","cursor","offset","constrain","boundary","shift","settle","weighted","weight","fromIncoming","other","distance","alpha","iteration","leaving","arriving","flows","flow","start","a","b","band","x0","source","x1","target","y0","from","y1","to","middle","createSankeyModel","plotRef","ref","size","computed","props","layout","activeId","emit","active","reactive","useId","sankeyContext","useSankeyChart","emphasis","_hoisted_1$2","_hoisted_2$2","_hoisted_3$1","_hoisted_4$1","_hoisted_5$1","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","SankeyChartPlot_default","defineComponent","__props","chart","element","focused","live","onMounted","onBeforeUnmount","watch","nextTick","lit","nodes","room","characters","connected","last","activate","remember","event","leave","destination","current","direction","center","candidates","keydown","next","item","openBlock","createElementBlock","createElementVNode","unref","_cache","$event","toDisplayString","Fragment","renderList","entry","createVNode","motion","gradient","EASE_OUT","createBlock","withCtx","createCommentVNode","normalizeStyle","bounds","_hoisted_1$1","_hoisted_2$1","_hoisted_3","_hoisted_4","_hoisted_5","SankeyChartTooltip_default","point","selected","nodeValue","renderSlot","_ctx","_hoisted_1","_hoisted_2","SankeyChart_default","__emit","provide","normalizeClass"],"sources":["../src/charts/sankey-chart/src/model.ts","../src/charts/sankey-chart/src/context.ts","../src/charts/sankey-chart/src/SankeyChartPlot.vue","../src/charts/sankey-chart/src/SankeyChartPlot.vue","../src/charts/sankey-chart/src/SankeyChartTooltip.vue","../src/charts/sankey-chart/src/SankeyChartTooltip.vue","../src/charts/sankey-chart/src/SankeyChart.vue","../src/charts/sankey-chart/src/SankeyChart.vue"],"sourcesContent":["export interface SankeyNode {\n  id: string;\n  label: string;\n  color?: string;\n  description?: string;\n}\nexport interface SankeyLink {\n  id?: string;\n  source: string;\n  target: string;\n  value: number;\n}\nexport type PlacedNode = Required<\n  Pick<SankeyNode, \"id\" | \"label\" | \"color\">\n> & {\n  description?: string;\n  value: number;\n  inValue: number;\n  outValue: number;\n  depth: number;\n  x0: number;\n  x1: number;\n  y0: number;\n  y1: number;\n};\nexport type PlacedLink = {\n  id: string;\n  source: PlacedNode;\n  target: PlacedNode;\n  value: number;\n  share: number;\n  width: number;\n  x0: number;\n  y0: number;\n  x1: number;\n  y1: number;\n  path: string;\n};\nexport type SankeyData = {\n  nodes: SankeyNode[];\n  links: SankeyLink[];\n  dropped: { invalid: SankeyLink[]; cycle: SankeyLink[] };\n};\nexport const SANKEY_COLORS = [\n  \"#1d4ed8\",\n  \"#7c3aed\",\n  \"#0f766e\",\n  \"#b45309\",\n  \"#be123c\",\n  \"#475569\",\n] as const;\nexport const linkId = (link: SankeyLink) =>\n  link.id ?? `${link.source}:${link.target}`;\n\nfunction append<T>(map: Map<string, T[]>, id: string, value: T) {\n  const list = map.get(id);\n  if (list) list.push(value);\n  else map.set(id, [value]);\n}\n\nexport function cleanSankey(\n  nodes: readonly SankeyNode[],\n  links: readonly SankeyLink[],\n): SankeyData {\n  const identities = new Map<string, SankeyNode>();\n  nodes.forEach((node) => {\n    if (!identities.has(node.id)) identities.set(node.id, node);\n  });\n  const invalid: SankeyLink[] = [];\n  const edges = new Map<string, SankeyLink>();\n  for (const edge of links) {\n    if (\n      !identities.has(edge.source) ||\n      !identities.has(edge.target) ||\n      edge.source === edge.target ||\n      !Number.isFinite(edge.value) ||\n      edge.value <= 0\n    ) {\n      invalid.push(edge);\n      continue;\n    }\n    const key = linkId(edge);\n    const previous = edges.get(key);\n    if (!previous) edges.set(key, { ...edge, id: key });\n    else if (\n      edge.id === undefined &&\n      previous.source === edge.source &&\n      previous.target === edge.target\n    )\n      previous.value += edge.value;\n    else invalid.push(edge);\n  }\n  const outgoing = new Map<string, SankeyLink[]>();\n  edges.forEach((edge) => append(outgoing, edge.source, edge));\n  const entered = new Set<string>();\n  const finished = new Set<string>();\n  const backEdges = new Set<SankeyLink>();\n  for (const root of identities.keys()) {\n    if (entered.has(root)) continue;\n    entered.add(root);\n    const traversal: { id: string; next: number }[] = [{ id: root, next: 0 }];\n    while (traversal.length) {\n      const frame = traversal[traversal.length - 1];\n      const edge = outgoing.get(frame.id)?.[frame.next++];\n      if (!edge) {\n        finished.add(frame.id);\n        traversal.pop();\n        continue;\n      }\n      if (!entered.has(edge.target)) {\n        entered.add(edge.target);\n        traversal.push({ id: edge.target, next: 0 });\n      } else if (!finished.has(edge.target)) backEdges.add(edge);\n    }\n  }\n  const kept: SankeyLink[] = [];\n  const cycle: SankeyLink[] = [];\n  edges.forEach((edge) => (backEdges.has(edge) ? cycle : kept).push(edge));\n  return {\n    nodes: [...identities.values()],\n    links: kept,\n    dropped: { invalid, cycle },\n  };\n}\n\ntype LayoutOptions = {\n  width: number;\n  height: number;\n  nodeWidth: number;\n  nodePadding: number;\n  colors: readonly string[];\n};\ntype Flow = {\n  link: SankeyLink;\n  source: PlacedNode;\n  target: PlacedNode;\n  from: number;\n  to: number;\n};\n\nexport function layoutSankey(data: SankeyData, options: LayoutOptions) {\n  const { width, height, nodeWidth, nodePadding, colors } = options;\n  const incoming = new Map<string, SankeyLink[]>();\n  const outgoing = new Map<string, SankeyLink[]>();\n  const received = new Map<string, number>();\n  const sent = new Map<string, number>();\n  for (const edge of data.links) {\n    append(incoming, edge.target, edge);\n    append(outgoing, edge.source, edge);\n    received.set(edge.target, (received.get(edge.target) ?? 0) + edge.value);\n    sent.set(edge.source, (sent.get(edge.source) ?? 0) + edge.value);\n  }\n  const remaining = new Map(\n    data.nodes.map((node) => [node.id, incoming.get(node.id)?.length ?? 0]),\n  );\n  const depth = new Map<string, number>();\n  const ready = data.nodes\n    .filter((node) => !remaining.get(node.id))\n    .map((node) => node.id);\n  ready.forEach((id) => depth.set(id, 0));\n  for (let index = 0; index < ready.length; index++) {\n    const id = ready[index];\n    for (const edge of outgoing.get(id) ?? []) {\n      depth.set(\n        edge.target,\n        Math.max(depth.get(edge.target) ?? 0, (depth.get(id) ?? 0) + 1),\n      );\n      const count = (remaining.get(edge.target) ?? 0) - 1;\n      remaining.set(edge.target, count);\n      if (count === 0) ready.push(edge.target);\n    }\n  }\n  const linked = data.nodes.filter(\n    (node) => received.has(node.id) || sent.has(node.id),\n  );\n  if (!linked.length || width <= 0 || height <= 0)\n    return {\n      nodes: [] as PlacedNode[],\n      links: [] as PlacedLink[],\n      columns: 0,\n      step: 0,\n    };\n  let terminal = 0;\n  for (const node of linked)\n    terminal = Math.max(terminal, depth.get(node.id) ?? 0);\n  const columns = terminal + 1;\n  const step = columns > 1 ? (width - nodeWidth) / (columns - 1) : 0;\n  const sourceIndices = new Map(\n    data.nodes.map((node, index) => [node.id, index]),\n  );\n  const placed = linked.map((node): PlacedNode => {\n    const inValue = received.get(node.id) ?? 0;\n    const outValue = sent.get(node.id) ?? 0;\n    const column = sent.has(node.id) ? (depth.get(node.id) ?? 0) : terminal;\n    return {\n      id: node.id,\n      label: node.label,\n      description: node.description,\n      color:\n        node.color ?? colors[(sourceIndices.get(node.id) ?? 0) % colors.length],\n      value: Math.max(inValue, outValue),\n      inValue,\n      outValue,\n      depth: column,\n      x0: column * step,\n      x1: column * step + nodeWidth,\n      y0: 0,\n      y1: 0,\n    };\n  });\n  const nodesById = new Map(placed.map((node) => [node.id, node]));\n  const lanes: PlacedNode[][] = Array.from({ length: columns }, () => []);\n  for (const node of placed) lanes[node.depth].push(node);\n  let padding = nodePadding;\n  for (const lane of lanes)\n    if (lane.length > 1)\n      padding = Math.min(padding, (height * 0.5) / (lane.length - 1));\n  let unit = Infinity;\n  for (const lane of lanes) {\n    if (!lane.length) continue;\n    const sum = lane.reduce((value, node) => value + node.value, 0);\n    unit = Math.min(unit, (height - (lane.length - 1) * padding) / sum);\n  }\n  for (const lane of lanes) {\n    let cursor = 0;\n    for (const node of lane) {\n      node.y0 = cursor;\n      node.y1 = cursor + node.value * unit;\n      cursor = node.y1 + padding;\n    }\n    const offset = (height - (cursor - padding)) / 2;\n    for (const node of lane) {\n      node.y0 += offset;\n      node.y1 += offset;\n    }\n  }\n  function constrain(lane: PlacedNode[]) {\n    let boundary = 0;\n    for (const node of lane) {\n      const shift = boundary - node.y0;\n      if (shift > 0) {\n        node.y0 += shift;\n        node.y1 += shift;\n      }\n      boundary = node.y1 + padding;\n    }\n    boundary = height;\n    for (let index = lane.length - 1; index >= 0; index--) {\n      const node = lane[index];\n      const shift = node.y1 - boundary;\n      if (shift > 0) {\n        node.y0 -= shift;\n        node.y1 -= shift;\n      }\n      boundary = node.y0 - padding;\n    }\n  }\n  function settle(lane: PlacedNode[], alpha: number, fromIncoming: boolean) {\n    for (const node of lane) {\n      let weighted = 0;\n      let weight = 0;\n      for (const edge of (fromIncoming ? incoming : outgoing).get(node.id) ??\n        []) {\n        const other = nodesById.get(fromIncoming ? edge.source : edge.target);\n        if (!other) continue;\n        weighted += ((other.y0 + other.y1) / 2) * edge.value;\n        weight += edge.value;\n      }\n      if (weight) {\n        const distance = (weighted / weight - (node.y0 + node.y1) / 2) * alpha;\n        node.y0 += distance;\n        node.y1 += distance;\n      }\n    }\n    constrain(lane);\n  }\n  for (let iteration = 0; iteration < 6; iteration++) {\n    const alpha = 0.99 ** iteration;\n    for (let column = 1; column < columns; column++)\n      settle(lanes[column], alpha, true);\n    for (let column = columns - 2; column >= 0; column--)\n      settle(lanes[column], alpha, false);\n  }\n  const leaving = new Map<string, Flow[]>();\n  const arriving = new Map<string, Flow[]>();\n  const flows: Flow[] = data.links.map((link) => ({\n    link,\n    source: nodesById.get(link.source)!,\n    target: nodesById.get(link.target)!,\n    from: 0,\n    to: 0,\n  }));\n  for (const flow of flows) {\n    append(leaving, flow.source.id, flow);\n    append(arriving, flow.target.id, flow);\n  }\n  for (const node of placed) {\n    let start = node.y0;\n    for (const flow of (leaving.get(node.id) ?? []).sort(\n      (a, b) => a.target.y0 - b.target.y0,\n    )) {\n      flow.from = start;\n      start += flow.link.value * unit;\n    }\n    start = node.y0;\n    for (const flow of (arriving.get(node.id) ?? []).sort(\n      (a, b) => a.source.y0 - b.source.y0,\n    )) {\n      flow.to = start;\n      start += flow.link.value * unit;\n    }\n  }\n  const links: PlacedLink[] = flows.map(\n    ({ link, source, target, from, to }) => {\n      const band = link.value * unit;\n      const x0 = source.x1,\n        x1 = target.x0;\n      const y0 = from + band / 2,\n        y1 = to + band / 2;\n      const middle = (x0 + x1) / 2;\n      return {\n        id: linkId(link),\n        source,\n        target,\n        value: link.value,\n        share: source.value ? link.value / source.value : 0,\n        width: band,\n        x0,\n        x1,\n        y0,\n        y1,\n        path: `M ${x0} ${y0} C ${middle} ${y0} ${middle} ${y1} ${x1} ${y1}`,\n      };\n    },\n  );\n  return { nodes: lanes.flat(), links, columns, step };\n}\n","import { computed, reactive, ref, useId } from \"vue\";\nimport { useMediaQuery, useReducedMotion } from \"../../../lib/composables\";\nimport { activeSelection, context, formatNumber, usePlotSize } from \"../../shared\";\nimport {\n  cleanSankey,\n  layoutSankey,\n  SANKEY_COLORS,\n  type SankeyNode,\n  type SankeyLink,\n  type PlacedNode,\n  type PlacedLink,\n} from \"./model\";\nexport interface SankeyChartProps {\n  nodes: readonly SankeyNode[];\n  links: readonly SankeyLink[];\n  label?: string;\n  formatValue?: (value: number) => string;\n  colors?: readonly string[];\n  nodeWidth?: number;\n  nodePadding?: number;\n  activeId?: string | null;\n  defaultActiveId?: string | null;\n  className?: string;\n}\nexport type SankeyActive =\n  { type: \"node\"; node: PlacedNode } | { type: \"link\"; link: PlacedLink };\nexport function createSankeyModel(\n  props: SankeyChartProps,\n  emit: (event: any, ...args: any[]) => void,\n) {\n  const plotRef = ref<HTMLElement | null>(null),\n    size = usePlotSize(plotRef, { width: 640, height: 320 });\n  const data = computed(() => cleanSankey(props.nodes, props.links));\n  const layout = computed(() =>\n    layoutSankey(data.value, {\n      ...size.value,\n      nodeWidth: props.nodeWidth ?? 12,\n      nodePadding: props.nodePadding ?? 16,\n      colors: props.colors ?? SANKEY_COLORS,\n    }),\n  );\n  const activeId = activeSelection(\n    () => props.activeId,\n    props.defaultActiveId ?? null,\n    computed(() => [\n      ...layout.value.nodes.map((node) => node.id),\n      ...layout.value.links.map((link) => link.id),\n    ]),\n    (id) => {\n      emit(\"update:activeId\", id);\n      emit(\"activeChange\", id);\n    },\n  );\n  const active = computed<SankeyActive | null>(() => {\n    const node = layout.value.nodes.find((node) => node.id === activeId.value);\n    if (node) return { type: \"node\", node };\n    const link = layout.value.links.find((link) => link.id === activeId.value);\n    return link ? { type: \"link\", link } : null;\n  });\n  return reactive({\n    nodes: computed(() => layout.value.nodes),\n    links: computed(() => layout.value.links),\n    columns: computed(() => layout.value.columns),\n    step: computed(() => layout.value.step),\n    size,\n    plotRef,\n    activeId,\n    active,\n    setActive(id: string | null) {\n      activeId.value = id;\n    },\n    tooltipOpen: ref(false),\n    tooltipId: useId(),\n    gradientId: useId().replace(/[^\\w-]/g, \"\"),\n    label: computed(() => props.label ?? \"Sankey chart\"),\n    formatValue: computed(() => props.formatValue ?? formatNumber),\n    empty: computed(() =>\n      data.value.links.length\n        ? null\n        : props.nodes.length\n          ? \"No flows to show\"\n          : \"No sankey data\",\n    ),\n    reduce: useReducedMotion(),\n    canHover: useMediaQuery(\"(hover: hover)\"),\n  });\n}\nexport const sankeyContext =\n  context<ReturnType<typeof createSankeyModel>>(\"SankeyChart\");\nexport const useSankeyChart = sankeyContext.use;\nexport function emphasis(active: SankeyActive | null) {\n  function node(node: PlacedNode) {\n    if (!active) return true;\n    return active.type === \"node\"\n      ? node.id === active.node.id\n      : node.id === active.link.source.id || node.id === active.link.target.id;\n  }\n  function link(link: PlacedLink) {\n    if (!active) return true;\n    return active.type === \"node\"\n      ? link.source.id === active.node.id || link.target.id === active.node.id\n      : link.id === active.link.id;\n  }\n  return { node, link };\n}\n","<script setup lang=\"ts\">\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from \"vue\";\nimport { motion } from \"motion-v\";\nimport { EASE_OUT, SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { useSankeyChart, emphasis } from \"./context\";\nimport type { PlacedNode } from \"./model\";\nconst props = withDefaults(defineProps<{ showValues?: boolean }>(), {\n  showValues: true,\n});\nconst chart = useSankeyChart(),\n  element = ref<HTMLElement | null>(null);\nlet focused: string | null = null,\n  live = false;\nonMounted(() => {\n  live = true;\n  chart.plotRef = element.value;\n});\nonBeforeUnmount(() => {\n  live = false;\n  if (chart.plotRef === element.value) chart.plotRef = null;\n});\nwatch(\n  () => chart.nodes.map((node) => node.id),\n  async (ids) => {\n    if (!focused || ids.includes(focused)) return;\n    focused = null;\n    await nextTick();\n    if (\n      live &&\n      (document.activeElement === document.body ||\n        !element.value?.contains(document.activeElement))\n    )\n      (\n        element.value?.querySelector<HTMLElement>(\"[data-node]\") ??\n        element.value\n      )?.focus();\n  },\n);\nconst lit = computed(() => emphasis(chart.active));\nconst links = computed(() =>\n  chart.links.map((link, index) => ({\n    link,\n    gradient: `${chart.gradientId}-${index}`,\n    opacity: chart.active ? (lit.value.link(link) ? 0.6 : 0.08) : 0.32,\n  })),\n);\nconst nodes = computed(() => {\n  const room =\n    chart.columns > 1\n      ? chart.step -\n        (chart.nodes[0] ? chart.nodes[0].x1 - chart.nodes[0].x0 : 12) -\n        16\n      : chart.size.width;\n  const characters = Math.floor(room / 6.6);\n  const connected = new Set<string>();\n  if (chart.active?.type === \"node\")\n    for (const link of chart.links) {\n      if (link.source.id === chart.activeId) connected.add(link.target.id);\n      if (link.target.id === chart.activeId) connected.add(link.source.id);\n    }\n  return chart.nodes.map((node) => {\n    const last = chart.columns > 1 && node.depth === chart.columns - 1;\n    const height = node.y1 - node.y0;\n    return {\n      node,\n      label:\n        characters >= node.label.length\n          ? node.label\n          : characters < 4\n            ? \"\"\n            : node.label.slice(0, characters - 1).trimEnd() + \"…\",\n      twoLines:\n        props.showValues &&\n        height >= 12 * 2.4 &&\n        chart.formatValue(node.value).length * 6.6 <= room,\n      labelX: last ? node.x0 - 8 : node.x1 + 8,\n      align: last ? \"end\" : \"start\",\n      lit: lit.value.node(node) || connected.has(node.id),\n      bounds: {\n        left: ((node.x0 - 4) / chart.size.width) * 100 + \"%\",\n        top:\n          (((node.y0 + node.y1) / 2 - Math.max(24, height) / 2) /\n            chart.size.height) *\n            100 +\n          \"%\",\n        width: ((node.x1 - node.x0 + 8) / chart.size.width) * 100 + \"%\",\n        height: (Math.max(24, height) / chart.size.height) * 100 + \"%\",\n      },\n    };\n  });\n});\nfunction activate(id: string) {\n  chart.setActive(id);\n  chart.tooltipOpen = true;\n}\nfunction remember(event: FocusEvent) {\n  focused = (event.target as HTMLElement).dataset.node ?? null;\n}\nfunction leave() {\n  chart.tooltipOpen = false;\n  chart.setActive(null);\n}\nfunction destination(current: PlacedNode, key: string) {\n  if (key === \"Home\") return chart.nodes[0];\n  if (key === \"End\") return chart.nodes.at(-1);\n  if (key === \"ArrowUp\" || key === \"ArrowDown\") {\n    const column = chart.nodes.filter((node) => node.depth === current.depth);\n    return column[column.indexOf(current) + (key === \"ArrowUp\" ? -1 : 1)];\n  }\n  const direction = key === \"ArrowLeft\" ? -1 : 1;\n  const center = (current.y0 + current.y1) / 2;\n  for (\n    let depth = current.depth + direction;\n    depth >= 0 && depth < chart.columns;\n    depth += direction\n  ) {\n    const candidates = chart.nodes.filter((node) => node.depth === depth);\n    if (candidates.length)\n      return candidates.sort(\n        (a, b) =>\n          Math.abs((a.y0 + a.y1) / 2 - center) -\n          Math.abs((b.y0 + b.y1) / 2 - center),\n      )[0];\n  }\n}\nfunction keydown(event: KeyboardEvent, node: PlacedNode) {\n  if (event.key === \"Escape\") {\n    chart.tooltipOpen = false;\n    return;\n  }\n  if (\n    ![\n      \"ArrowUp\",\n      \"ArrowDown\",\n      \"ArrowLeft\",\n      \"ArrowRight\",\n      \"Home\",\n      \"End\",\n    ].includes(event.key)\n  )\n    return;\n  event.preventDefault();\n  const next = destination(node, event.key) ?? node;\n  Array.from(element.value?.querySelectorAll<HTMLElement>(\"[data-node]\") ?? [])\n    .find((item) => item.dataset.node === next.id)\n    ?.focus();\n}\n</script>\n<template>\n  <div class=\"-m-2 overflow-x-auto overflow-y-hidden p-2\">\n    <div\n      ref=\"element\"\n      role=\"group\"\n      :aria-label=\"chart.label\"\n      tabindex=\"-1\"\n      class=\"relative h-80 w-full min-w-[32rem] outline-none\"\n      data-slot=\"sankey-chart-plot\"\n      @focusin=\"remember\"\n      @focusout=\"!element?.contains($event.relatedTarget as Node) && leave()\"\n      @pointerleave=\"$event.pointerType !== 'touch' && leave()\"\n    >\n      <p\n        v-if=\"chart.empty\"\n        class=\"flex h-full items-center justify-center text-sm text-muted-foreground\"\n      >\n        {{ chart.empty }}\n      </p>\n      <template v-else>\n        <svg\n          :viewBox=\"`0 0 ${chart.size.width} ${chart.size.height}`\"\n          class=\"size-full overflow-visible\"\n          aria-hidden=\"true\"\n        >\n          <defs>\n            <linearGradient\n              v-for=\"entry in links\"\n              :id=\"entry.gradient\"\n              :key=\"entry.link.id\"\n              gradientUnits=\"userSpaceOnUse\"\n              :x1=\"entry.link.x0\"\n              :x2=\"entry.link.x1\"\n            >\n              <stop offset=\"0\" :stop-color=\"entry.link.source.color\" />\n              <stop offset=\"1\" :stop-color=\"entry.link.target.color\" />\n            </linearGradient>\n          </defs>\n          <g v-for=\"{ link, gradient, opacity } in links\" :key=\"link.id\">\n            <motion.path\n              :d=\"link.path\"\n              :stroke-width=\"link.width\"\n              :stroke=\"`url(#${gradient})`\"\n              fill=\"none\"\n              :initial=\"\n                chart.reduce\n                  ? { d: link.path, strokeWidth: link.width, opacity }\n                  : {\n                      d: link.path,\n                      strokeWidth: link.width,\n                      pathLength: 0,\n                      opacity: 0,\n                    }\n              \"\n              :while-in-view=\"{\n                d: link.path,\n                strokeWidth: link.width,\n                pathLength: 1,\n                opacity,\n              }\"\n              :animate=\"{ d: link.path, strokeWidth: link.width, opacity }\"\n              :in-view-options=\"{ once: true }\"\n              :transition=\"\n                chart.reduce\n                  ? { duration: 0 }\n                  : {\n                      d: SPRING_LAYOUT,\n                      strokeWidth: SPRING_LAYOUT,\n                      pathLength: {\n                        duration: 0.7,\n                        delay: link.source.depth * 0.12,\n                        ease: EASE_OUT,\n                      },\n                      opacity: { duration: 0.18 },\n                    }\n              \"\n            />\n            <path\n              :d=\"link.path\"\n              fill=\"none\"\n              stroke=\"transparent\"\n              :stroke-width=\"Math.max(8, link.width)\"\n              @pointerenter=\"chart.canHover && activate(link.id)\"\n              @click=\"activate(link.id)\"\n            />\n          </g>\n          <motion.g\n            v-for=\"entry in nodes\"\n            :key=\"entry.node.id\"\n            :animate=\"{ opacity: entry.lit ? 1 : 0.3 }\"\n            :transition=\"{ duration: chart.reduce ? 0 : 0.18 }\"\n          >\n            <motion.rect\n              :fill=\"entry.node.color\"\n              rx=\"2\"\n              :initial=\"false\"\n              :animate=\"{\n                x: entry.node.x0,\n                y: entry.node.y0,\n                width: entry.node.x1 - entry.node.x0,\n                height: entry.node.y1 - entry.node.y0,\n              }\"\n              :transition=\"chart.reduce ? { duration: 0 } : SPRING_LAYOUT\"\n            />\n            <motion.text\n              v-if=\"entry.node.y1 - entry.node.y0 >= 12 && entry.label\"\n              :x=\"entry.labelX\"\n              :text-anchor=\"entry.align\"\n              dominant-baseline=\"middle\"\n              class=\"fill-foreground stroke-background text-xs [paint-order:stroke]\"\n              stroke-width=\"3\"\n              stroke-linejoin=\"round\"\n              :initial=\"\n                chart.reduce\n                  ? false\n                  : { y: (entry.node.y0 + entry.node.y1) / 2, opacity: 0 }\n              \"\n              :animate=\"{ y: (entry.node.y0 + entry.node.y1) / 2, opacity: 1 }\"\n              :transition=\"\n                chart.reduce\n                  ? { duration: 0 }\n                  : {\n                      y: SPRING_LAYOUT,\n                      opacity: { duration: 0.2, ease: EASE_OUT },\n                    }\n              \"\n            >\n              <tspan\n                :x=\"entry.labelX\"\n                :dy=\"entry.twoLines ? '-0.6em' : 0\"\n                class=\"font-medium\"\n              >\n                {{ entry.label }}\n              </tspan>\n              <tspan\n                v-if=\"entry.twoLines\"\n                :x=\"entry.labelX\"\n                dy=\"1.2em\"\n                class=\"fill-muted-foreground tabular-nums\"\n              >\n                {{ chart.formatValue(entry.node.value) }}\n              </tspan>\n            </motion.text>\n          </motion.g>\n        </svg>\n        <button\n          v-for=\"{ node, bounds } in nodes\"\n          :key=\"node.id\"\n          type=\"button\"\n          :data-node=\"node.id\"\n          :tabindex=\"\n            node.id ===\n            (chart.active?.type === 'node'\n              ? chart.activeId\n              : chart.nodes[0]?.id)\n              ? 0\n              : -1\n          \"\n          :aria-label=\"`${node.label}. ${chart.formatValue(node.value)}`\"\n          :aria-describedby=\"\n            chart.tooltipOpen && chart.activeId === node.id\n              ? chart.tooltipId\n              : undefined\n          \"\n          class=\"absolute rounded outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\"\n          :style=\"bounds\"\n          @focus=\"activate(node.id)\"\n          @click=\"activate(node.id)\"\n          @pointerenter=\"chart.canHover && activate(node.id)\"\n          @keydown=\"keydown($event, node)\"\n        />\n      </template>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from \"vue\";\nimport { motion } from \"motion-v\";\nimport { EASE_OUT, SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { useSankeyChart, emphasis } from \"./context\";\nimport type { PlacedNode } from \"./model\";\nconst props = withDefaults(defineProps<{ showValues?: boolean }>(), {\n  showValues: true,\n});\nconst chart = useSankeyChart(),\n  element = ref<HTMLElement | null>(null);\nlet focused: string | null = null,\n  live = false;\nonMounted(() => {\n  live = true;\n  chart.plotRef = element.value;\n});\nonBeforeUnmount(() => {\n  live = false;\n  if (chart.plotRef === element.value) chart.plotRef = null;\n});\nwatch(\n  () => chart.nodes.map((node) => node.id),\n  async (ids) => {\n    if (!focused || ids.includes(focused)) return;\n    focused = null;\n    await nextTick();\n    if (\n      live &&\n      (document.activeElement === document.body ||\n        !element.value?.contains(document.activeElement))\n    )\n      (\n        element.value?.querySelector<HTMLElement>(\"[data-node]\") ??\n        element.value\n      )?.focus();\n  },\n);\nconst lit = computed(() => emphasis(chart.active));\nconst links = computed(() =>\n  chart.links.map((link, index) => ({\n    link,\n    gradient: `${chart.gradientId}-${index}`,\n    opacity: chart.active ? (lit.value.link(link) ? 0.6 : 0.08) : 0.32,\n  })),\n);\nconst nodes = computed(() => {\n  const room =\n    chart.columns > 1\n      ? chart.step -\n        (chart.nodes[0] ? chart.nodes[0].x1 - chart.nodes[0].x0 : 12) -\n        16\n      : chart.size.width;\n  const characters = Math.floor(room / 6.6);\n  const connected = new Set<string>();\n  if (chart.active?.type === \"node\")\n    for (const link of chart.links) {\n      if (link.source.id === chart.activeId) connected.add(link.target.id);\n      if (link.target.id === chart.activeId) connected.add(link.source.id);\n    }\n  return chart.nodes.map((node) => {\n    const last = chart.columns > 1 && node.depth === chart.columns - 1;\n    const height = node.y1 - node.y0;\n    return {\n      node,\n      label:\n        characters >= node.label.length\n          ? node.label\n          : characters < 4\n            ? \"\"\n            : node.label.slice(0, characters - 1).trimEnd() + \"…\",\n      twoLines:\n        props.showValues &&\n        height >= 12 * 2.4 &&\n        chart.formatValue(node.value).length * 6.6 <= room,\n      labelX: last ? node.x0 - 8 : node.x1 + 8,\n      align: last ? \"end\" : \"start\",\n      lit: lit.value.node(node) || connected.has(node.id),\n      bounds: {\n        left: ((node.x0 - 4) / chart.size.width) * 100 + \"%\",\n        top:\n          (((node.y0 + node.y1) / 2 - Math.max(24, height) / 2) /\n            chart.size.height) *\n            100 +\n          \"%\",\n        width: ((node.x1 - node.x0 + 8) / chart.size.width) * 100 + \"%\",\n        height: (Math.max(24, height) / chart.size.height) * 100 + \"%\",\n      },\n    };\n  });\n});\nfunction activate(id: string) {\n  chart.setActive(id);\n  chart.tooltipOpen = true;\n}\nfunction remember(event: FocusEvent) {\n  focused = (event.target as HTMLElement).dataset.node ?? null;\n}\nfunction leave() {\n  chart.tooltipOpen = false;\n  chart.setActive(null);\n}\nfunction destination(current: PlacedNode, key: string) {\n  if (key === \"Home\") return chart.nodes[0];\n  if (key === \"End\") return chart.nodes.at(-1);\n  if (key === \"ArrowUp\" || key === \"ArrowDown\") {\n    const column = chart.nodes.filter((node) => node.depth === current.depth);\n    return column[column.indexOf(current) + (key === \"ArrowUp\" ? -1 : 1)];\n  }\n  const direction = key === \"ArrowLeft\" ? -1 : 1;\n  const center = (current.y0 + current.y1) / 2;\n  for (\n    let depth = current.depth + direction;\n    depth >= 0 && depth < chart.columns;\n    depth += direction\n  ) {\n    const candidates = chart.nodes.filter((node) => node.depth === depth);\n    if (candidates.length)\n      return candidates.sort(\n        (a, b) =>\n          Math.abs((a.y0 + a.y1) / 2 - center) -\n          Math.abs((b.y0 + b.y1) / 2 - center),\n      )[0];\n  }\n}\nfunction keydown(event: KeyboardEvent, node: PlacedNode) {\n  if (event.key === \"Escape\") {\n    chart.tooltipOpen = false;\n    return;\n  }\n  if (\n    ![\n      \"ArrowUp\",\n      \"ArrowDown\",\n      \"ArrowLeft\",\n      \"ArrowRight\",\n      \"Home\",\n      \"End\",\n    ].includes(event.key)\n  )\n    return;\n  event.preventDefault();\n  const next = destination(node, event.key) ?? node;\n  Array.from(element.value?.querySelectorAll<HTMLElement>(\"[data-node]\") ?? [])\n    .find((item) => item.dataset.node === next.id)\n    ?.focus();\n}\n</script>\n<template>\n  <div class=\"-m-2 overflow-x-auto overflow-y-hidden p-2\">\n    <div\n      ref=\"element\"\n      role=\"group\"\n      :aria-label=\"chart.label\"\n      tabindex=\"-1\"\n      class=\"relative h-80 w-full min-w-[32rem] outline-none\"\n      data-slot=\"sankey-chart-plot\"\n      @focusin=\"remember\"\n      @focusout=\"!element?.contains($event.relatedTarget as Node) && leave()\"\n      @pointerleave=\"$event.pointerType !== 'touch' && leave()\"\n    >\n      <p\n        v-if=\"chart.empty\"\n        class=\"flex h-full items-center justify-center text-sm text-muted-foreground\"\n      >\n        {{ chart.empty }}\n      </p>\n      <template v-else>\n        <svg\n          :viewBox=\"`0 0 ${chart.size.width} ${chart.size.height}`\"\n          class=\"size-full overflow-visible\"\n          aria-hidden=\"true\"\n        >\n          <defs>\n            <linearGradient\n              v-for=\"entry in links\"\n              :id=\"entry.gradient\"\n              :key=\"entry.link.id\"\n              gradientUnits=\"userSpaceOnUse\"\n              :x1=\"entry.link.x0\"\n              :x2=\"entry.link.x1\"\n            >\n              <stop offset=\"0\" :stop-color=\"entry.link.source.color\" />\n              <stop offset=\"1\" :stop-color=\"entry.link.target.color\" />\n            </linearGradient>\n          </defs>\n          <g v-for=\"{ link, gradient, opacity } in links\" :key=\"link.id\">\n            <motion.path\n              :d=\"link.path\"\n              :stroke-width=\"link.width\"\n              :stroke=\"`url(#${gradient})`\"\n              fill=\"none\"\n              :initial=\"\n                chart.reduce\n                  ? { d: link.path, strokeWidth: link.width, opacity }\n                  : {\n                      d: link.path,\n                      strokeWidth: link.width,\n                      pathLength: 0,\n                      opacity: 0,\n                    }\n              \"\n              :while-in-view=\"{\n                d: link.path,\n                strokeWidth: link.width,\n                pathLength: 1,\n                opacity,\n              }\"\n              :animate=\"{ d: link.path, strokeWidth: link.width, opacity }\"\n              :in-view-options=\"{ once: true }\"\n              :transition=\"\n                chart.reduce\n                  ? { duration: 0 }\n                  : {\n                      d: SPRING_LAYOUT,\n                      strokeWidth: SPRING_LAYOUT,\n                      pathLength: {\n                        duration: 0.7,\n                        delay: link.source.depth * 0.12,\n                        ease: EASE_OUT,\n                      },\n                      opacity: { duration: 0.18 },\n                    }\n              \"\n            />\n            <path\n              :d=\"link.path\"\n              fill=\"none\"\n              stroke=\"transparent\"\n              :stroke-width=\"Math.max(8, link.width)\"\n              @pointerenter=\"chart.canHover && activate(link.id)\"\n              @click=\"activate(link.id)\"\n            />\n          </g>\n          <motion.g\n            v-for=\"entry in nodes\"\n            :key=\"entry.node.id\"\n            :animate=\"{ opacity: entry.lit ? 1 : 0.3 }\"\n            :transition=\"{ duration: chart.reduce ? 0 : 0.18 }\"\n          >\n            <motion.rect\n              :fill=\"entry.node.color\"\n              rx=\"2\"\n              :initial=\"false\"\n              :animate=\"{\n                x: entry.node.x0,\n                y: entry.node.y0,\n                width: entry.node.x1 - entry.node.x0,\n                height: entry.node.y1 - entry.node.y0,\n              }\"\n              :transition=\"chart.reduce ? { duration: 0 } : SPRING_LAYOUT\"\n            />\n            <motion.text\n              v-if=\"entry.node.y1 - entry.node.y0 >= 12 && entry.label\"\n              :x=\"entry.labelX\"\n              :text-anchor=\"entry.align\"\n              dominant-baseline=\"middle\"\n              class=\"fill-foreground stroke-background text-xs [paint-order:stroke]\"\n              stroke-width=\"3\"\n              stroke-linejoin=\"round\"\n              :initial=\"\n                chart.reduce\n                  ? false\n                  : { y: (entry.node.y0 + entry.node.y1) / 2, opacity: 0 }\n              \"\n              :animate=\"{ y: (entry.node.y0 + entry.node.y1) / 2, opacity: 1 }\"\n              :transition=\"\n                chart.reduce\n                  ? { duration: 0 }\n                  : {\n                      y: SPRING_LAYOUT,\n                      opacity: { duration: 0.2, ease: EASE_OUT },\n                    }\n              \"\n            >\n              <tspan\n                :x=\"entry.labelX\"\n                :dy=\"entry.twoLines ? '-0.6em' : 0\"\n                class=\"font-medium\"\n              >\n                {{ entry.label }}\n              </tspan>\n              <tspan\n                v-if=\"entry.twoLines\"\n                :x=\"entry.labelX\"\n                dy=\"1.2em\"\n                class=\"fill-muted-foreground tabular-nums\"\n              >\n                {{ chart.formatValue(entry.node.value) }}\n              </tspan>\n            </motion.text>\n          </motion.g>\n        </svg>\n        <button\n          v-for=\"{ node, bounds } in nodes\"\n          :key=\"node.id\"\n          type=\"button\"\n          :data-node=\"node.id\"\n          :tabindex=\"\n            node.id ===\n            (chart.active?.type === 'node'\n              ? chart.activeId\n              : chart.nodes[0]?.id)\n              ? 0\n              : -1\n          \"\n          :aria-label=\"`${node.label}. ${chart.formatValue(node.value)}`\"\n          :aria-describedby=\"\n            chart.tooltipOpen && chart.activeId === node.id\n              ? chart.tooltipId\n              : undefined\n          \"\n          class=\"absolute rounded outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\"\n          :style=\"bounds\"\n          @focus=\"activate(node.id)\"\n          @click=\"activate(node.id)\"\n          @pointerenter=\"chart.canHover && activate(node.id)\"\n          @keydown=\"keydown($event, node)\"\n        />\n      </template>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { NumberTicker } from \"../../../motion/number\";\nimport ChartTooltip from \"../../ChartTooltip.vue\";\nimport { useSankeyChart } from \"./context\";\nwithDefaults(defineProps<{ side?: \"top\" | \"right\" | \"bottom\" | \"left\" }>(), {\n  side: \"top\",\n});\nconst chart = useSankeyChart();\nconst point = computed(() => {\n  const selected = chart.active;\n  if (!selected) return { x: 0.5, y: 0.5 };\n  if (selected.type === \"node\")\n    return {\n      x: (selected.node.x0 + selected.node.x1) / 2 / chart.size.width,\n      y: selected.node.y0 / chart.size.height,\n    };\n  return {\n    x: (selected.link.x0 + selected.link.x1) / 2 / chart.size.width,\n    y: (selected.link.y0 + selected.link.y1) / 2 / chart.size.height,\n  };\n});\nfunction nodeValue() {\n  return chart.formatValue(\n    chart.active?.type === \"node\" ? chart.active.node.value : 0,\n  );\n}\n</script>\n<template>\n  <ChartTooltip\n    :open=\"chart.tooltipOpen && chart.active !== null\"\n    :anchor=\"chart.plotRef\"\n    :id=\"chart.tooltipId\"\n    :point=\"point\"\n    :side=\"side\"\n    :follow-cursor=\"true\"\n    @update:open=\"chart.tooltipOpen = $event\"\n    ><slot v-if=\"chart.active\" :active=\"chart.active\"\n      ><template v-if=\"chart.active.type === 'node'\"\n        ><p class=\"font-medium\">{{ chart.active.node.label }}</p>\n        <p class=\"mt-1 font-mono\">\n          <NumberTicker\n            :value=\"chart.active.node.value\"\n            :format=\"nodeValue\"\n            :start-on-view=\"false\"\n            :duration=\"0.2\"\n            :stagger=\"0\"\n          />\n        </p>\n        <p class=\"text-muted-foreground\">\n          In {{ chart.formatValue(chart.active.node.inValue) }} · Out\n          {{ chart.formatValue(chart.active.node.outValue) }}\n        </p>\n        <p\n          v-if=\"chart.active.node.description\"\n          class=\"mt-1 text-muted-foreground\"\n        >\n          {{ chart.active.node.description }}\n        </p></template\n      ><template v-else\n        ><p>\n          {{ chart.active.link.source.label }} →\n          {{ chart.active.link.target.label }}\n        </p>\n        <p class=\"mt-1 font-mono\">\n          {{ chart.formatValue(chart.active.link.value) }} ·\n          {{ (chart.active.link.share * 100).toFixed(1) }}%\n        </p></template\n      ></slot\n    ></ChartTooltip\n  >\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { NumberTicker } from \"../../../motion/number\";\nimport ChartTooltip from \"../../ChartTooltip.vue\";\nimport { useSankeyChart } from \"./context\";\nwithDefaults(defineProps<{ side?: \"top\" | \"right\" | \"bottom\" | \"left\" }>(), {\n  side: \"top\",\n});\nconst chart = useSankeyChart();\nconst point = computed(() => {\n  const selected = chart.active;\n  if (!selected) return { x: 0.5, y: 0.5 };\n  if (selected.type === \"node\")\n    return {\n      x: (selected.node.x0 + selected.node.x1) / 2 / chart.size.width,\n      y: selected.node.y0 / chart.size.height,\n    };\n  return {\n    x: (selected.link.x0 + selected.link.x1) / 2 / chart.size.width,\n    y: (selected.link.y0 + selected.link.y1) / 2 / chart.size.height,\n  };\n});\nfunction nodeValue() {\n  return chart.formatValue(\n    chart.active?.type === \"node\" ? chart.active.node.value : 0,\n  );\n}\n</script>\n<template>\n  <ChartTooltip\n    :open=\"chart.tooltipOpen && chart.active !== null\"\n    :anchor=\"chart.plotRef\"\n    :id=\"chart.tooltipId\"\n    :point=\"point\"\n    :side=\"side\"\n    :follow-cursor=\"true\"\n    @update:open=\"chart.tooltipOpen = $event\"\n    ><slot v-if=\"chart.active\" :active=\"chart.active\"\n      ><template v-if=\"chart.active.type === 'node'\"\n        ><p class=\"font-medium\">{{ chart.active.node.label }}</p>\n        <p class=\"mt-1 font-mono\">\n          <NumberTicker\n            :value=\"chart.active.node.value\"\n            :format=\"nodeValue\"\n            :start-on-view=\"false\"\n            :duration=\"0.2\"\n            :stagger=\"0\"\n          />\n        </p>\n        <p class=\"text-muted-foreground\">\n          In {{ chart.formatValue(chart.active.node.inValue) }} · Out\n          {{ chart.formatValue(chart.active.node.outValue) }}\n        </p>\n        <p\n          v-if=\"chart.active.node.description\"\n          class=\"mt-1 text-muted-foreground\"\n        >\n          {{ chart.active.node.description }}\n        </p></template\n      ><template v-else\n        ><p>\n          {{ chart.active.link.source.label }} →\n          {{ chart.active.link.target.label }}\n        </p>\n        <p class=\"mt-1 font-mono\">\n          {{ chart.formatValue(chart.active.link.value) }} ·\n          {{ (chart.active.link.share * 100).toFixed(1) }}%\n        </p></template\n      ></slot\n    ></ChartTooltip\n  >\n</template>\n","<script setup lang=\"ts\">\nimport { provide } from \"vue\";\nimport {\n  createSankeyModel,\n  sankeyContext,\n  type SankeyChartProps,\n} from \"./context\";\nimport SankeyChartPlot from \"./SankeyChartPlot.vue\";\nimport SankeyChartTooltip from \"./SankeyChartTooltip.vue\";\nconst props = defineProps<SankeyChartProps>();\nconst emit = defineEmits([\"update:activeId\", \"activeChange\"]);\nconst chart = createSankeyModel(props, emit);\nprovide(sankeyContext.key, chart);\n</script>\n<template>\n  <section\n    :aria-label=\"chart.label\"\n    :class=\"['relative w-full min-w-0', props.className]\"\n    data-slot=\"sankey-chart\"\n  >\n    <slot><SankeyChartPlot /><SankeyChartTooltip /></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>Flow</th>\n            <th>Value</th>\n            <th>Share of source</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-for=\"link in chart.links\" :key=\"link.id\">\n            <th>{{ link.source.label }} to {{ link.target.label }}</th>\n            <td>{{ chart.formatValue(link.value) }}</td>\n            <td>{{ (link.share * 100).toFixed(1) }}%</td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </section>\n</template>\n","<script setup lang=\"ts\">\nimport { provide } from \"vue\";\nimport {\n  createSankeyModel,\n  sankeyContext,\n  type SankeyChartProps,\n} from \"./context\";\nimport SankeyChartPlot from \"./SankeyChartPlot.vue\";\nimport SankeyChartTooltip from \"./SankeyChartTooltip.vue\";\nconst props = defineProps<SankeyChartProps>();\nconst emit = defineEmits([\"update:activeId\", \"activeChange\"]);\nconst chart = createSankeyModel(props, emit);\nprovide(sankeyContext.key, chart);\n</script>\n<template>\n  <section\n    :aria-label=\"chart.label\"\n    :class=\"['relative w-full min-w-0', props.className]\"\n    data-slot=\"sankey-chart\"\n  >\n    <slot><SankeyChartPlot /><SankeyChartTooltip /></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>Flow</th>\n            <th>Value</th>\n            <th>Share of source</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-for=\"link in chart.links\" :key=\"link.id\">\n            <th>{{ link.source.label }} to {{ link.target.label }}</th>\n            <td>{{ chart.formatValue(link.value) }}</td>\n            <td>{{ (link.share * 100).toFixed(1) }}%</td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </section>\n</template>\n"],"mappings":"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"}

package/dist/scroll-animation-DfXlBBPZ.js

@@ -0,0 +1,362 @@
+import { s as e, t } from "./composables-BJ1sih_H.js";
+import { r as n } from "./ease-rIvCM4O3.js";
+import { t as r } from "./utils-DIrLOK2M.js";
+import { computed as i, createBlock as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, inject as u, nextTick as d, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as m, onMounted as h, openBlock as g, provide as _, ref as v, renderSlot as y, shallowRef as b, unref as x, watch as S, withCtx as C } from "vue";
+import { motion as w, useMotionValue as T, useSpring as E } from "motion-v";
+import D from "lenis";
+// src/motion/scroll-animation/src/useSmoothScroll.ts
+var O = Symbol("orvui-smooth-scroll");
+function k(n, r, i) {
+	let a = e(), o = b(null), s = T(0), c = T(0), l = T(0), u = !1, d, f = () => n.orientation === "horizontal";
+	function p() {
+		return n.root === !1 ? t(r?.value) ?? window : window;
+	}
+	function g(e) {
+		return e === window ? f() ? window.scrollX : window.scrollY : f() ? e.scrollLeft : e.scrollTop;
+	}
+	function _(e) {
+		let t = g(e), n = performance.now(), r = () => {
+			let r = performance.now(), i = g(e), a = e === window ? document.documentElement : e, o = f() ? a.scrollWidth : a.scrollHeight, u = e === window ? f() ? window.innerWidth : window.innerHeight : f() ? a.clientWidth : a.clientHeight;
+			s.set(i), c.set(o > u ? i / (o - u) : 0), l.set((i - t) * 16 / (r - n || 16)), t = i, n = r;
+		};
+		return r(), e.addEventListener("scroll", r, { passive: !0 }), window.addEventListener("resize", r), () => {
+			e.removeEventListener("scroll", r), window.removeEventListener("resize", r);
+		};
+	}
+	function v() {
+		d?.(), d = void 0, o.value?.destroy(), o.value = null;
+	}
+	function y() {
+		if (!u) return;
+		if (v(), a.value || n.enabled === !1) {
+			d = _(p());
+			return;
+		}
+		let e = new D({
+			wrapper: n.root === !1 ? t(r?.value) ?? void 0 : void 0,
+			content: n.root === !1 ? t(i?.value) ?? void 0 : void 0,
+			lerp: n.lerp ?? .1,
+			duration: n.duration ?? 1.2,
+			orientation: n.orientation ?? "vertical",
+			wheelMultiplier: n.wheelMultiplier ?? 1,
+			smoothWheel: !0,
+			syncTouch: n.touch ?? !1,
+			autoRaf: !0,
+			easing: (e) => Math.min(1, 1.001 - 2 ** (-10 * e))
+		});
+		o.value = e;
+		let f = (e) => {
+			s.set(e.scroll), c.set(e.progress), l.set(e.velocity);
+		};
+		e.on("scroll", f), d = () => e.off("scroll", f);
+	}
+	function x(e, t) {
+		let n = p();
+		if (typeof e == "number") return e + t;
+		let r = n === window ? document : n, i;
+		try {
+			i = typeof e == "string" ? r.querySelector(e) : e;
+		} catch {
+			return g(n);
+		}
+		if (!i) return g(n);
+		let a = i.getBoundingClientRect(), o = f() ? a.left : a.top;
+		if (n === window) return o + g(n) + t;
+		let s = n.getBoundingClientRect();
+		return o - (f() ? s.left : s.top) + g(n) + t;
+	}
+	return h(() => {
+		u = !0, y();
+	}), S([
+		a,
+		() => n.root,
+		() => n.enabled,
+		() => n.lerp,
+		() => n.duration,
+		() => n.orientation,
+		() => n.wheelMultiplier,
+		() => n.touch,
+		() => r?.value,
+		() => i?.value
+	], y, { flush: "post" }), m(() => {
+		u = !1, v(), s.destroy(), c.destroy(), l.destroy();
+	}), {
+		get lenis() {
+			return o.value;
+		},
+		scrollY: s,
+		progress: c,
+		velocity: l,
+		scrollTo(e, t) {
+			if (typeof window > "u") return;
+			if (o.value && !a.value) {
+				o.value.scrollTo(e, t);
+				return;
+			}
+			let n = x(e, t?.offset ?? 0);
+			p().scrollTo({
+				[f() ? "left" : "top"]: n,
+				behavior: a.value || t?.immediate ? "instant" : "smooth"
+			});
+		}
+	};
+}
+function A() {
+	return u(O, null) ?? k({
+		root: !0,
+		enabled: !1
+	});
+}
+// src/motion/scroll-animation/src/SmoothScroll.vue
+var j = /* @__PURE__ */ l({
+	__name: "SmoothScroll",
+	props: {
+		root: {
+			type: Boolean,
+			default: !0
+		},
+		lerp: { default: .1 },
+		duration: { default: 1.2 },
+		orientation: { default: "vertical" },
+		wheelMultiplier: { default: 1 },
+		touch: {
+			type: Boolean,
+			default: !1
+		},
+		enabled: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(e, { expose: t }) {
+		let n = e, r = v(null), i = v(null), a = k(n, r, i);
+		return _(O, a), t(a), (t, n) => (g(), o("div", {
+			ref_key: "wrapper",
+			ref: r
+		}, [e.root ? y(t.$slots, "default", {}, void 0, void 0, 0) : (g(), o("div", {
+			key: 1,
+			ref_key: "content",
+			ref: i
+		}, [y(t.$slots, "default")], 512))], 512));
+	}
+}), M = /* @__PURE__ */ l({
+	__name: "ScrollReveal",
+	props: {
+		y: { default: 16 },
+		blur: { default: 8 },
+		duration: { default: .6 },
+		delay: { default: 0 },
+		once: {
+			type: Boolean,
+			default: !0
+		},
+		amount: { default: .3 },
+		root: {}
+	},
+	setup(r) {
+		let o = r, s = v(null), c = v(!1), l = e(), u, f = 0, p = !1, _ = !1;
+		async function b() {
+			u?.disconnect();
+			let e = ++f;
+			await d();
+			let n = s.value;
+			p || e !== f || !n || o.once && _ || (typeof IntersectionObserver > "u" ? c.value = !0 : (u = new IntersectionObserver((t) => {
+				p || e !== f || (c.value = t.some((e) => e.target === n && e.isIntersecting), c.value && (_ = !0, o.once && u?.disconnect()));
+			}, {
+				root: t(o.root),
+				threshold: o.amount === "all" ? 1 : o.amount === "some" ? 0 : o.amount
+			}), u.observe(n)));
+		}
+		S(() => [
+			t(o.root),
+			o.amount,
+			o.once
+		], b, { flush: "post" }), h(b), m(() => {
+			p = !0, f += 1, u?.disconnect();
+		});
+		let T = i(() => l.value ? { opacity: 0 } : {
+			opacity: 0,
+			y: o.y,
+			filter: `blur(${o.blur}px)`
+		}), E = i(() => l.value ? { opacity: 1 } : {
+			opacity: 1,
+			y: 0,
+			filter: "blur(0px)"
+		});
+		return (e, i) => (g(), a(x(w).div, {
+			ref: (e) => s.value = x(t)(e),
+			initial: T.value,
+			animate: c.value ? E.value : T.value,
+			transition: {
+				duration: r.duration,
+				ease: x(n),
+				delay: r.delay
+			}
+		}, {
+			default: C(() => [y(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"initial",
+			"animate",
+			"transition"
+		]));
+	}
+}), N = [
+	"width",
+	"height",
+	"viewBox"
+], P = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width"
+], F = /* @__PURE__ */ l({
+	__name: "ScrollProgress",
+	props: {
+		variant: { default: "bar" },
+		progress: {},
+		spring: {
+			type: Boolean,
+			default: !0
+		},
+		position: { default: "top" },
+		height: { default: 2 },
+		fixed: {
+			type: Boolean,
+			default: !0
+		},
+		size: { default: 40 },
+		thickness: { default: 3 }
+	},
+	setup(t) {
+		let n = t, l = e(), u = A().progress, d = T(0), h = E(d, {
+			stiffness: 120,
+			damping: 30,
+			mass: .6
+		}), _ = i(() => n.spring && !l.value ? h : d), v = i(() => (n.size - n.thickness) / 2), y = i(() => 2 * Math.PI * v.value), b = T(y.value), C;
+		function D() {
+			b.set(y.value * (1 - _.value.get()));
+		}
+		S(() => n.progress ?? u, (e) => {
+			C?.(), d.set(e.get()), C = e.on("change", (e) => d.set(e));
+		}, { immediate: !0 });
+		let O = d.on("change", D), k = h.on("change", D);
+		return S([y, _], D, { immediate: !0 }), m(() => {
+			C?.(), O(), k(), d.destroy(), b.destroy();
+		}), (e, n) => t.variant === "bar" ? (g(), a(x(w).div, {
+			key: 0,
+			"aria-hidden": "true",
+			style: p({
+				height: `${t.height}px`,
+				scaleX: _.value
+			}),
+			class: f(x(r)("left-0 right-0 z-50 origin-left bg-foreground", t.fixed ? "fixed" : "absolute", t.position === "top" ? "top-0" : "bottom-0"))
+		}, null, 8, ["style", "class"])) : (g(), o("svg", {
+			key: 1,
+			"aria-hidden": "true",
+			focusable: "false",
+			role: "presentation",
+			width: t.size,
+			height: t.size,
+			viewBox: `0 0 ${t.size} ${t.size}`,
+			class: "text-foreground"
+		}, [s("circle", {
+			cx: t.size / 2,
+			cy: t.size / 2,
+			r: v.value,
+			fill: "none",
+			"stroke-width": t.thickness,
+			class: "stroke-current opacity-15"
+		}, null, 8, P), c(x(w).circle, {
+			cx: t.size / 2,
+			cy: t.size / 2,
+			r: v.value,
+			fill: "none",
+			"stroke-width": t.thickness,
+			"stroke-linecap": "round",
+			class: "stroke-current",
+			"stroke-dasharray": y.value,
+			style: p({ strokeDashoffset: x(b) }),
+			transform: `rotate(-90 ${t.size / 2} ${t.size / 2})`
+		}, null, 8, [
+			"cx",
+			"cy",
+			"r",
+			"stroke-width",
+			"stroke-dasharray",
+			"style",
+			"transform"
+		])], 8, N));
+	}
+}), I = /* @__PURE__ */ l({
+	__name: "Parallax",
+	props: {
+		speed: { default: .3 },
+		axis: { default: "y" },
+		container: {},
+		spring: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(n) {
+		let r = n, o = e(), s = v(null), c = T(r.speed * 100), l = E(c, {
+			stiffness: 120,
+			damping: 30,
+			mass: .6
+		}), u = i(() => r.spring && !o.value ? l : c), f, _ = 0, b = !1;
+		function D() {
+			let e = s.value;
+			if (b || !e) return;
+			let n = t(r.container), i = e.getBoundingClientRect(), a = n?.getBoundingClientRect(), o = n?.clientHeight ?? window.innerHeight, l = i.top - (a?.top ?? 0) - (r.axis === "y" ? u.value.get() : 0), d = Math.min(1, Math.max(0, (o - l) / (o + i.height)));
+			c.set(r.speed * 100 * (1 - 2 * d));
+		}
+		async function O() {
+			f?.removeEventListener("scroll", D);
+			let e = ++_;
+			await d(), !(b || e !== _) && (f = t(r.container) ?? window, f.addEventListener("scroll", D, { passive: !0 }), D());
+		}
+		return h(() => {
+			O(), window.addEventListener("resize", D);
+		}), S(() => t(r.container), O, { flush: "post" }), S(() => [
+			r.speed,
+			r.axis,
+			r.spring,
+			o.value
+		], D, { flush: "post" }), m(() => {
+			b = !0, _ += 1, f?.removeEventListener("scroll", D), window.removeEventListener("resize", D), c.destroy();
+		}), (e, r) => (g(), a(x(w).div, {
+			ref: (e) => s.value = x(t)(e),
+			style: p(x(o) ? {} : n.axis === "x" ? { x: u.value } : { y: u.value })
+		}, {
+			default: C(() => [y(e.$slots, "default")]),
+			_: 3
+		}, 8, ["style"]));
+	}
+}), L = ["disabled"], R = /* @__PURE__ */ l({
+	__name: "ScrollTo",
+	props: {
+		to: {},
+		target: {},
+		offset: {},
+		duration: {},
+		disabled: { type: Boolean }
+	},
+	setup(e) {
+		let t = e, n = A();
+		function r(e) {
+			t.disabled || e.defaultPrevented || n.scrollTo(t.to ?? t.target ?? 0, {
+				offset: t.offset,
+				duration: t.duration
+			});
+		}
+		return (t, n) => (g(), o("button", {
+			type: "button",
+			disabled: e.disabled,
+			onClick: r
+		}, [y(t.$slots, "default")], 8, L));
+	}
+});
+export { j as a, A as c, M as i, I as n, O as o, F as r, k as s, R as t };
+
+//# sourceMappingURL=scroll-animation-DfXlBBPZ.js.map

package/dist/scroll-animation-DfXlBBPZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-animation-DfXlBBPZ.js","names":["_openBlock","_createElementBlock","_renderSlot","_sfc_main","_openBlock","_createBlock","_unref","_withCtx","_renderSlot","_sfc_main","_hoisted_1","_openBlock","_createBlock","_unref","_normalizeStyle","_normalizeClass","_createElementBlock","_createElementVNode","_createVNode","_sfc_main","_openBlock","_createBlock","_unref","_normalizeStyle","_withCtx","_renderSlot","_sfc_main","_openBlock","_createElementBlock","_renderSlot","_sfc_main","useReducedMotion","EASE_OUT","cn","Lenis","SmoothScrollKey","createScrollApi","reduced","engine","shallowRef","scrollY","useMotionValue","progress","velocity","mounted","removeListener","horizontal","props","wrapper","resolveElement","container","nativePosition","surface","syncNative","last","lastTime","sync","now","position","element","extent","visible","clear","configure","instance","content","time","receive","nativeTarget","target","offset","scope","bounds","coordinate","parentBounds","onMounted","watch","onBeforeUnmount","options","useSmoothScroll","inject","SmoothScroll_default","defineComponent","__expose","__props","ref","controller","provide","openBlock","createElementBlock","renderSlot","_ctx","ScrollReveal_default","observer","version","disposed","revealed","observe","revision","nextTick","entries","entry","hidden","computed","shown","createBlock","unref","motion","node","withCtx","_hoisted_1$1","_hoisted_2","ScrollProgress_default","fallback","raw","eased","useSpring","value","radius","circumference","dashOffset","unsubscribe","updateDash","source","fraction","unraw","uneased","normalizeStyle","normalizeClass","createElementVNode","createVNode","Parallax_default","drift","displacement","update","parent","frame","viewport","top","bind","_hoisted_1","ScrollTo_default","scrolling","activate","event"],"sources":["../src/motion/scroll-animation/src/useSmoothScroll.ts","../src/motion/scroll-animation/src/SmoothScroll.vue","../src/motion/scroll-animation/src/SmoothScroll.vue","../src/motion/scroll-animation/src/ScrollReveal.vue","../src/motion/scroll-animation/src/ScrollReveal.vue","../src/motion/scroll-animation/src/ScrollProgress.vue","../src/motion/scroll-animation/src/ScrollProgress.vue","../src/motion/scroll-animation/src/Parallax.vue","../src/motion/scroll-animation/src/Parallax.vue","../src/motion/scroll-animation/src/ScrollTo.vue","../src/motion/scroll-animation/src/ScrollTo.vue"],"sourcesContent":["import { inject, onBeforeUnmount, onMounted, shallowRef, watch, type InjectionKey, type Ref } from \"vue\";\nimport Lenis from \"lenis\";\nimport { useMotionValue, type MotionValue } from \"motion-v\";\nimport { resolveElement, useReducedMotion } from \"../../../lib/composables\";\n\nexport type ScrollTarget = number | string | HTMLElement;\nexport type ScrollToOptions = { offset?: number; immediate?: boolean; duration?: number };\nexport interface SmoothScrollApi {\n  readonly lenis: Lenis | null;\n  scrollY: MotionValue<number>;\n  progress: MotionValue<number>;\n  velocity: MotionValue<number>;\n  scrollTo(target: ScrollTarget, options?: ScrollToOptions): void;\n}\nexport interface SmoothScrollOptions {\n  root?: boolean; lerp?: number; duration?: number; orientation?: \"vertical\" | \"horizontal\";\n  wheelMultiplier?: number; touch?: boolean; enabled?: boolean;\n}\nexport const SmoothScrollKey: InjectionKey<SmoothScrollApi> = Symbol(\"orvui-smooth-scroll\");\n\nexport function createScrollApi(props: SmoothScrollOptions, container?: Ref<HTMLElement | null>, content?: Ref<HTMLElement | null>): SmoothScrollApi {\n  const reduced = useReducedMotion();\n  const engine = shallowRef<Lenis | null>(null);\n  const scrollY = useMotionValue(0), progress = useMotionValue(0), velocity = useMotionValue(0);\n  let mounted = false;\n  let removeListener: (() => void) | undefined;\n  const horizontal = () => props.orientation === \"horizontal\";\n  function wrapper(): Window | HTMLElement {\n    return props.root === false ? resolveElement<HTMLElement>(container?.value) ?? window : window;\n  }\n  function nativePosition(surface: Window | HTMLElement) {\n    return surface === window\n      ? horizontal() ? window.scrollX : window.scrollY\n      : horizontal() ? (surface as HTMLElement).scrollLeft : (surface as HTMLElement).scrollTop;\n  }\n  function syncNative(surface: Window | HTMLElement) {\n    let last = nativePosition(surface), lastTime = performance.now();\n    const sync = () => {\n      const now = performance.now(), position = nativePosition(surface);\n      const element = surface === window ? document.documentElement : surface as HTMLElement;\n      const extent = horizontal() ? element.scrollWidth : element.scrollHeight;\n      const visible = surface === window ? horizontal() ? window.innerWidth : window.innerHeight\n        : horizontal() ? element.clientWidth : element.clientHeight;\n      scrollY.set(position);\n      progress.set(extent > visible ? position / (extent - visible) : 0);\n      velocity.set((position - last) * 16 / (now - lastTime || 16));\n      last = position;\n      lastTime = now;\n    };\n    sync();\n    surface.addEventListener(\"scroll\", sync, { passive: true });\n    window.addEventListener(\"resize\", sync);\n    return () => { surface.removeEventListener(\"scroll\", sync); window.removeEventListener(\"resize\", sync); };\n  }\n  function clear() {\n    removeListener?.();\n    removeListener = undefined;\n    engine.value?.destroy();\n    engine.value = null;\n  }\n  function configure() {\n    if (!mounted) return;\n    clear();\n    if (reduced.value || props.enabled === false) {\n      removeListener = syncNative(wrapper());\n      return;\n    }\n    const instance = new Lenis({\n      wrapper: props.root === false ? resolveElement<HTMLElement>(container?.value) ?? undefined : undefined,\n      content: props.root === false ? resolveElement<HTMLElement>(content?.value) ?? undefined : undefined,\n      lerp: props.lerp ?? 0.1, duration: props.duration ?? 1.2,\n      orientation: props.orientation ?? \"vertical\", wheelMultiplier: props.wheelMultiplier ?? 1,\n      smoothWheel: true, syncTouch: props.touch ?? false, autoRaf: true,\n      easing: time => Math.min(1, 1.001 - 2 ** (-10 * time)),\n    });\n    engine.value = instance;\n    const receive = (position: Lenis) => {\n      scrollY.set(position.scroll);\n      progress.set(position.progress);\n      velocity.set(position.velocity);\n    };\n    instance.on(\"scroll\", receive);\n    removeListener = () => instance.off(\"scroll\", receive);\n  }\n  function nativeTarget(target: ScrollTarget, offset: number) {\n    const surface = wrapper();\n    if (typeof target === \"number\") return target + offset;\n    const scope = surface === window ? document : surface as HTMLElement;\n    let element: HTMLElement | null;\n    try { element = typeof target === \"string\" ? scope.querySelector<HTMLElement>(target) : target; }\n    catch { return nativePosition(surface); }\n    if (!element) return nativePosition(surface);\n    const bounds = element.getBoundingClientRect();\n    const coordinate = horizontal() ? bounds.left : bounds.top;\n    if (surface === window) return coordinate + nativePosition(surface) + offset;\n    const parentBounds = (surface as HTMLElement).getBoundingClientRect();\n    return coordinate - (horizontal() ? parentBounds.left : parentBounds.top) + nativePosition(surface) + offset;\n  }\n  onMounted(() => { mounted = true; configure(); });\n  watch([\n    reduced, () => props.root, () => props.enabled, () => props.lerp, () => props.duration,\n    () => props.orientation, () => props.wheelMultiplier, () => props.touch,\n    () => container?.value, () => content?.value,\n  ], configure, { flush: \"post\" });\n  onBeforeUnmount(() => {\n    mounted = false;\n    clear();\n    scrollY.destroy(); progress.destroy(); velocity.destroy();\n  });\n  return {\n    get lenis() { return engine.value; }, scrollY, progress, velocity,\n    scrollTo(target, options) {\n      if (typeof window === \"undefined\") return;\n      if (engine.value && !reduced.value) { engine.value.scrollTo(target, options); return; }\n      const coordinate = nativeTarget(target, options?.offset ?? 0);\n      wrapper().scrollTo({\n        [horizontal() ? \"left\" : \"top\"]: coordinate,\n        behavior: reduced.value || options?.immediate ? \"instant\" : \"smooth\",\n      });\n    },\n  };\n}\nexport function useSmoothScroll(): SmoothScrollApi {\n  return inject(SmoothScrollKey, null) ?? createScrollApi({ root: true, enabled: false });\n}\n","<script setup lang=\"ts\">\nimport { provide, ref } from \"vue\";\nimport { createScrollApi, SmoothScrollKey, type SmoothScrollOptions } from \"./useSmoothScroll\";\nconst props = withDefaults(defineProps<SmoothScrollOptions>(), {\n  root: true, lerp: 0.1, duration: 1.2, orientation: \"vertical\", wheelMultiplier: 1, touch: false, enabled: true,\n});\nconst wrapper = ref<HTMLElement | null>(null), content = ref<HTMLElement | null>(null);\nconst controller = createScrollApi(props, wrapper, content);\nprovide(SmoothScrollKey, controller);\ndefineExpose(controller);\n</script>\n<template>\n  <div ref=\"wrapper\"><slot v-if=\"root\" /><div v-else ref=\"content\"><slot /></div></div>\n</template>\n","<script setup lang=\"ts\">\nimport { provide, ref } from \"vue\";\nimport { createScrollApi, SmoothScrollKey, type SmoothScrollOptions } from \"./useSmoothScroll\";\nconst props = withDefaults(defineProps<SmoothScrollOptions>(), {\n  root: true, lerp: 0.1, duration: 1.2, orientation: \"vertical\", wheelMultiplier: 1, touch: false, enabled: true,\n});\nconst wrapper = ref<HTMLElement | null>(null), content = ref<HTMLElement | null>(null);\nconst controller = createScrollApi(props, wrapper, content);\nprovide(SmoothScrollKey, controller);\ndefineExpose(controller);\n</script>\n<template>\n  <div ref=\"wrapper\"><slot v-if=\"root\" /><div v-else ref=\"content\"><slot /></div></div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, watch, type Ref } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { resolveElement, useReducedMotion } from \"../../../lib/composables\";\n\nconst props = withDefaults(defineProps<{\n  y?: number; blur?: number; duration?: number; delay?: number; once?: boolean;\n  amount?: number | \"some\" | \"all\"; root?: HTMLElement | Ref<HTMLElement | null> | null;\n}>(), { y: 16, blur: 8, duration: 0.6, delay: 0, once: true, amount: 0.3 });\nconst element = ref<HTMLElement | null>(null), visible = ref(false);\nconst reduced = useReducedMotion();\nlet observer: IntersectionObserver | undefined;\nlet version = 0, disposed = false, revealed = false;\nasync function observe() {\n  observer?.disconnect();\n  const revision = ++version;\n  await nextTick();\n  const target = element.value;\n  if (disposed || revision !== version || !target || (props.once && revealed)) return;\n  if (typeof IntersectionObserver === \"undefined\") { visible.value = true; return; }\n  observer = new IntersectionObserver(entries => {\n    if (disposed || revision !== version) return;\n    visible.value = entries.some(entry => entry.target === target && entry.isIntersecting);\n    if (visible.value) { revealed = true; if (props.once) observer?.disconnect(); }\n  }, { root: resolveElement<HTMLElement>(props.root), threshold: props.amount === \"all\" ? 1 : props.amount === \"some\" ? 0 : props.amount });\n  observer.observe(target);\n}\nwatch(() => [resolveElement<HTMLElement>(props.root), props.amount, props.once], observe, { flush: \"post\" });\nonMounted(observe);\nonBeforeUnmount(() => { disposed = true; version += 1; observer?.disconnect(); });\nconst hidden = computed(() => reduced.value ? { opacity: 0 } : { opacity: 0, y: props.y, filter: `blur(${props.blur}px)` });\nconst shown = computed(() => reduced.value ? { opacity: 1 } : { opacity: 1, y: 0, filter: \"blur(0px)\" });\n</script>\n<template>\n  <motion.div :ref=\"node => element = resolveElement<HTMLElement>(node)\" :initial=\"hidden\"\n    :animate=\"visible ? shown : hidden\" :transition=\"{ duration, ease: EASE_OUT, delay }\"><slot /></motion.div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, watch, type Ref } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { resolveElement, useReducedMotion } from \"../../../lib/composables\";\n\nconst props = withDefaults(defineProps<{\n  y?: number; blur?: number; duration?: number; delay?: number; once?: boolean;\n  amount?: number | \"some\" | \"all\"; root?: HTMLElement | Ref<HTMLElement | null> | null;\n}>(), { y: 16, blur: 8, duration: 0.6, delay: 0, once: true, amount: 0.3 });\nconst element = ref<HTMLElement | null>(null), visible = ref(false);\nconst reduced = useReducedMotion();\nlet observer: IntersectionObserver | undefined;\nlet version = 0, disposed = false, revealed = false;\nasync function observe() {\n  observer?.disconnect();\n  const revision = ++version;\n  await nextTick();\n  const target = element.value;\n  if (disposed || revision !== version || !target || (props.once && revealed)) return;\n  if (typeof IntersectionObserver === \"undefined\") { visible.value = true; return; }\n  observer = new IntersectionObserver(entries => {\n    if (disposed || revision !== version) return;\n    visible.value = entries.some(entry => entry.target === target && entry.isIntersecting);\n    if (visible.value) { revealed = true; if (props.once) observer?.disconnect(); }\n  }, { root: resolveElement<HTMLElement>(props.root), threshold: props.amount === \"all\" ? 1 : props.amount === \"some\" ? 0 : props.amount });\n  observer.observe(target);\n}\nwatch(() => [resolveElement<HTMLElement>(props.root), props.amount, props.once], observe, { flush: \"post\" });\nonMounted(observe);\nonBeforeUnmount(() => { disposed = true; version += 1; observer?.disconnect(); });\nconst hidden = computed(() => reduced.value ? { opacity: 0 } : { opacity: 0, y: props.y, filter: `blur(${props.blur}px)` });\nconst shown = computed(() => reduced.value ? { opacity: 1 } : { opacity: 1, y: 0, filter: \"blur(0px)\" });\n</script>\n<template>\n  <motion.div :ref=\"node => element = resolveElement<HTMLElement>(node)\" :initial=\"hidden\"\n    :animate=\"visible ? shown : hidden\" :transition=\"{ duration, ease: EASE_OUT, delay }\"><slot /></motion.div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, watch } from \"vue\";\nimport { motion, useMotionValue, useSpring, type MotionValue } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { useSmoothScroll } from \"./useSmoothScroll\";\n\nconst props = withDefaults(defineProps<{\n  variant?: \"bar\" | \"circle\"; progress?: MotionValue<number>; spring?: boolean;\n  position?: \"top\" | \"bottom\"; height?: number; fixed?: boolean; size?: number; thickness?: number;\n}>(), { variant: \"bar\", spring: true, position: \"top\", height: 2, fixed: true, size: 40, thickness: 3 });\nconst reduced = useReducedMotion();\nconst fallback = useSmoothScroll().progress;\nconst raw = useMotionValue(0);\nconst eased = useSpring(raw, { stiffness: 120, damping: 30, mass: 0.6 });\nconst value = computed(() => props.spring && !reduced.value ? eased : raw);\nconst radius = computed(() => (props.size - props.thickness) / 2);\nconst circumference = computed(() => 2 * Math.PI * radius.value);\nconst dashOffset = useMotionValue(circumference.value);\nlet unsubscribe: (() => void) | undefined;\nfunction updateDash() { dashOffset.set(circumference.value * (1 - value.value.get())); }\nwatch(() => props.progress ?? fallback, source => {\n  unsubscribe?.();\n  raw.set(source.get());\n  unsubscribe = source.on(\"change\", fraction => raw.set(fraction));\n}, { immediate: true });\nconst unraw = raw.on(\"change\", updateDash), uneased = eased.on(\"change\", updateDash);\nwatch([circumference, value], updateDash, { immediate: true });\nonBeforeUnmount(() => { unsubscribe?.(); unraw(); uneased(); raw.destroy(); dashOffset.destroy(); });\n</script>\n<template>\n  <motion.div v-if=\"variant === 'bar'\" aria-hidden=\"true\" :style=\"{ height: `${height}px`, scaleX: value }\"\n    :class=\"cn('left-0 right-0 z-50 origin-left bg-foreground', fixed ? 'fixed' : 'absolute', position === 'top' ? 'top-0' : 'bottom-0')\" />\n  <svg v-else aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" :width=\"size\" :height=\"size\" :viewBox=\"`0 0 ${size} ${size}`\" class=\"text-foreground\">\n    <circle :cx=\"size / 2\" :cy=\"size / 2\" :r=\"radius\" fill=\"none\" :stroke-width=\"thickness\" class=\"stroke-current opacity-15\" />\n    <motion.circle :cx=\"size / 2\" :cy=\"size / 2\" :r=\"radius\" fill=\"none\" :stroke-width=\"thickness\" stroke-linecap=\"round\"\n      class=\"stroke-current\" :stroke-dasharray=\"circumference\" :style=\"{ strokeDashoffset: dashOffset }\" :transform=\"`rotate(-90 ${size / 2} ${size / 2})`\" />\n  </svg>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, watch } from \"vue\";\nimport { motion, useMotionValue, useSpring, type MotionValue } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { useSmoothScroll } from \"./useSmoothScroll\";\n\nconst props = withDefaults(defineProps<{\n  variant?: \"bar\" | \"circle\"; progress?: MotionValue<number>; spring?: boolean;\n  position?: \"top\" | \"bottom\"; height?: number; fixed?: boolean; size?: number; thickness?: number;\n}>(), { variant: \"bar\", spring: true, position: \"top\", height: 2, fixed: true, size: 40, thickness: 3 });\nconst reduced = useReducedMotion();\nconst fallback = useSmoothScroll().progress;\nconst raw = useMotionValue(0);\nconst eased = useSpring(raw, { stiffness: 120, damping: 30, mass: 0.6 });\nconst value = computed(() => props.spring && !reduced.value ? eased : raw);\nconst radius = computed(() => (props.size - props.thickness) / 2);\nconst circumference = computed(() => 2 * Math.PI * radius.value);\nconst dashOffset = useMotionValue(circumference.value);\nlet unsubscribe: (() => void) | undefined;\nfunction updateDash() { dashOffset.set(circumference.value * (1 - value.value.get())); }\nwatch(() => props.progress ?? fallback, source => {\n  unsubscribe?.();\n  raw.set(source.get());\n  unsubscribe = source.on(\"change\", fraction => raw.set(fraction));\n}, { immediate: true });\nconst unraw = raw.on(\"change\", updateDash), uneased = eased.on(\"change\", updateDash);\nwatch([circumference, value], updateDash, { immediate: true });\nonBeforeUnmount(() => { unsubscribe?.(); unraw(); uneased(); raw.destroy(); dashOffset.destroy(); });\n</script>\n<template>\n  <motion.div v-if=\"variant === 'bar'\" aria-hidden=\"true\" :style=\"{ height: `${height}px`, scaleX: value }\"\n    :class=\"cn('left-0 right-0 z-50 origin-left bg-foreground', fixed ? 'fixed' : 'absolute', position === 'top' ? 'top-0' : 'bottom-0')\" />\n  <svg v-else aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" :width=\"size\" :height=\"size\" :viewBox=\"`0 0 ${size} ${size}`\" class=\"text-foreground\">\n    <circle :cx=\"size / 2\" :cy=\"size / 2\" :r=\"radius\" fill=\"none\" :stroke-width=\"thickness\" class=\"stroke-current opacity-15\" />\n    <motion.circle :cx=\"size / 2\" :cy=\"size / 2\" :r=\"radius\" fill=\"none\" :stroke-width=\"thickness\" stroke-linecap=\"round\"\n      class=\"stroke-current\" :stroke-dasharray=\"circumference\" :style=\"{ strokeDashoffset: dashOffset }\" :transform=\"`rotate(-90 ${size / 2} ${size / 2})`\" />\n  </svg>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, watch, type Ref } from \"vue\";\nimport { motion, useMotionValue, useSpring } from \"motion-v\";\nimport { resolveElement, useReducedMotion } from \"../../../lib/composables\";\n\nconst props = withDefaults(defineProps<{\n  speed?: number; axis?: \"x\" | \"y\"; container?: HTMLElement | Ref<HTMLElement | null> | null; spring?: boolean;\n}>(), { speed: 0.3, axis: \"y\", spring: true });\nconst reduced = useReducedMotion();\nconst element = ref<HTMLElement | null>(null);\nconst drift = useMotionValue(props.speed * 100);\nconst eased = useSpring(drift, { stiffness: 120, damping: 30, mass: 0.6 });\nconst displacement = computed(() => props.spring && !reduced.value ? eased : drift);\nlet surface: Window | HTMLElement | undefined;\nlet revision = 0, disposed = false;\nfunction update() {\n  const target = element.value;\n  if (disposed || !target) return;\n  const parent = resolveElement<HTMLElement>(props.container);\n  const bounds = target.getBoundingClientRect(), frame = parent?.getBoundingClientRect();\n  const viewport = parent?.clientHeight ?? window.innerHeight;\n  const top = bounds.top - (frame?.top ?? 0) - (props.axis === \"y\" ? displacement.value.get() : 0);\n  const progress = Math.min(1, Math.max(0, (viewport - top) / (viewport + bounds.height)));\n  drift.set(props.speed * 100 * (1 - 2 * progress));\n}\nasync function bind() {\n  surface?.removeEventListener(\"scroll\", update);\n  const version = ++revision;\n  await nextTick();\n  if (disposed || version !== revision) return;\n  surface = resolveElement<HTMLElement>(props.container) ?? window;\n  surface.addEventListener(\"scroll\", update, { passive: true });\n  update();\n}\nonMounted(() => { void bind(); window.addEventListener(\"resize\", update); });\nwatch(() => resolveElement<HTMLElement>(props.container), bind, { flush: \"post\" });\nwatch(() => [props.speed, props.axis, props.spring, reduced.value], update, { flush: \"post\" });\nonBeforeUnmount(() => {\n  disposed = true; revision += 1;\n  surface?.removeEventListener(\"scroll\", update);\n  window.removeEventListener(\"resize\", update);\n  drift.destroy();\n});\n</script>\n<template>\n  <motion.div :ref=\"node => element = resolveElement<HTMLElement>(node)\"\n    :style=\"reduced ? {} : axis === 'x' ? { x: displacement } : { y: displacement }\"><slot /></motion.div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, watch, type Ref } from \"vue\";\nimport { motion, useMotionValue, useSpring } from \"motion-v\";\nimport { resolveElement, useReducedMotion } from \"../../../lib/composables\";\n\nconst props = withDefaults(defineProps<{\n  speed?: number; axis?: \"x\" | \"y\"; container?: HTMLElement | Ref<HTMLElement | null> | null; spring?: boolean;\n}>(), { speed: 0.3, axis: \"y\", spring: true });\nconst reduced = useReducedMotion();\nconst element = ref<HTMLElement | null>(null);\nconst drift = useMotionValue(props.speed * 100);\nconst eased = useSpring(drift, { stiffness: 120, damping: 30, mass: 0.6 });\nconst displacement = computed(() => props.spring && !reduced.value ? eased : drift);\nlet surface: Window | HTMLElement | undefined;\nlet revision = 0, disposed = false;\nfunction update() {\n  const target = element.value;\n  if (disposed || !target) return;\n  const parent = resolveElement<HTMLElement>(props.container);\n  const bounds = target.getBoundingClientRect(), frame = parent?.getBoundingClientRect();\n  const viewport = parent?.clientHeight ?? window.innerHeight;\n  const top = bounds.top - (frame?.top ?? 0) - (props.axis === \"y\" ? displacement.value.get() : 0);\n  const progress = Math.min(1, Math.max(0, (viewport - top) / (viewport + bounds.height)));\n  drift.set(props.speed * 100 * (1 - 2 * progress));\n}\nasync function bind() {\n  surface?.removeEventListener(\"scroll\", update);\n  const version = ++revision;\n  await nextTick();\n  if (disposed || version !== revision) return;\n  surface = resolveElement<HTMLElement>(props.container) ?? window;\n  surface.addEventListener(\"scroll\", update, { passive: true });\n  update();\n}\nonMounted(() => { void bind(); window.addEventListener(\"resize\", update); });\nwatch(() => resolveElement<HTMLElement>(props.container), bind, { flush: \"post\" });\nwatch(() => [props.speed, props.axis, props.spring, reduced.value], update, { flush: \"post\" });\nonBeforeUnmount(() => {\n  disposed = true; revision += 1;\n  surface?.removeEventListener(\"scroll\", update);\n  window.removeEventListener(\"resize\", update);\n  drift.destroy();\n});\n</script>\n<template>\n  <motion.div :ref=\"node => element = resolveElement<HTMLElement>(node)\"\n    :style=\"reduced ? {} : axis === 'x' ? { x: displacement } : { y: displacement }\"><slot /></motion.div>\n</template>\n","<script setup lang=\"ts\">\nimport { useSmoothScroll, type ScrollTarget } from \"./useSmoothScroll\";\nconst props = defineProps<{ to?: ScrollTarget; target?: ScrollTarget; offset?: number; duration?: number; disabled?: boolean }>();\nconst scrolling = useSmoothScroll();\nfunction activate(event: MouseEvent) {\n  if (props.disabled || event.defaultPrevented) return;\n  scrolling.scrollTo(props.to ?? props.target ?? 0, { offset: props.offset, duration: props.duration });\n}\n</script>\n<template><button type=\"button\" :disabled=\"disabled\" @click=\"activate\"><slot /></button></template>\n","<script setup lang=\"ts\">\nimport { useSmoothScroll, type ScrollTarget } from \"./useSmoothScroll\";\nconst props = defineProps<{ to?: ScrollTarget; target?: ScrollTarget; offset?: number; duration?: number; disabled?: boolean }>();\nconst scrolling = useSmoothScroll();\nfunction activate(event: MouseEvent) {\n  if (props.disabled || event.defaultPrevented) return;\n  scrolling.scrollTo(props.to ?? props.target ?? 0, { offset: props.offset, duration: props.duration });\n}\n</script>\n<template><button type=\"button\" :disabled=\"disabled\" @click=\"activate\"><slot /></button></template>\n"],"mappings":"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"}